Last images from the list are overlapping after clicking "See More" button

### Description

Pictures overlap in the end of the list after user revealed all the images by clicking on "See more" button. See the link below for more details

Actual result: https://drive.google.com/file/d/1Tp-Oo3lHWWn-3Muh9RrWNXdp9nvfJwfS/view?usp=sharing

Expected result: pictures should not overlap. Example from Firefox browser: https://drive.google.com/file/d/1TqUIvDn0kdYqx6PfV5pcm64lOmj5xnLJ/view?usp=sharing

### Reproduction Steps

1. Open Safari browser on your laptop, switch to mobile view
2. Go to https://amp.dev/documentation/examples/interactivity-dynamic-content/show_more_button/preview/?format=websites
3. Click "See More" button until it gone from the page
4. See how the images overlap

### Relevant Logs

_No response_

### Browser(s) Affected

Safari

### OS(s) Affected

macOS Monterey

### Device(s) Affected

_No response_

### AMP Version Affected

2201071715000

Start with the AMP show-more-button example at the linked preview URL and reproduce the overlap in Safari's mobile view by clicking "See More" until it disappears. Compare the result with Firefox and trace the example's image-list layout; done means the final images no longer overlap in Safari on macOS Monterey.

Written by the indexing model from the issue text.