FO - Images are not well displayed on responsive mode after a bad scroll

[HanaRebaiQA]

Prerequisites

• I understand and accept the project's code of conduct
• I have already searched in existing issues and found no previous report of this bug.

Describe the bug and add screenshots

When images > 5 : Images are not well displayed on responsive mode after a bad scroll

PS1778 : NOK ❌

1778._.NOK.4.mp4

PS1787 : NOK ❌

1787._.image.stretched.without.images.and.moves.1.mp4

PS8.0.x & develop : NOK ❌

develop._.image.OK.without.images.and.moves.1.mp4

Expected behavior

The scroll does not make empty space and then the images are well displayed on responsive mode

Steps to reproduce

1. Create a product with images > 5
2. Click to preview the product
3. In FO > Click on the main images and see that images are displayed in the right
4. Scroll down until getting an empty space
5. Use a responsive mode (eg: 820 * 1180)
6. Click to preview the main image
7. See error > The attached images are not displayed

PrestaShop version(s) where the bug happened

1778, 1787, 8.0.x

PHP version(s) where the bug happened

7.3

If your bug is related to a module, specify its name and its version

No response

[sallemiines]

Hello @HanaRebaiQA

Thanks for reporting the issue.
I reproduce the issue with PS1778 , PS1787 OK , develop / ps80x !

Thank you !

[Hlavtox]

This is a classic theme issue and there will be something completely different on hummingbird, transfering this back to Prestashop repository. 👍 @MatShir