[QA] Text is being overlapped while resizing the screen

### Description

Text is being overlapped while resizing the screen

### Reproduction Steps

Test Case : [Image Galleries with amp-carousel/Captions with dynamic text size]

Playground Link : https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fmultimedia-animations%2Fimage_galleries_with_amp-carousel&format=websites&preview=true

Steps:
1) Launch playground link.
2) Try to resize the screen in responsive mode.

Observed : Text is overlapping.
Screenshot - https://screenshot.googleplex.com/4TmquZksuG75GzU.png
Recording - http://recall/-/c0bOwqiTThy7xHwSZ22Yeh/dYDRTCWaXgdblpdcPoIXOj

Expected : Text should not overlap

### Relevant Logs

_No response_

### Browser(s) Affected

Chrome, Firefox, Safari

### OS(s) Affected

NA

### Device(s) Affected

NA

### AMP Version Affected

2309151607000