Lightbox Thumbnail Stuck at Page Bottom for Smaller Breakpoints

Hi,
I’m working with the Lightbox elements on Webflow to display hundreds of images and videos, but recently I’ve noticed the thumbnails are not visible on smaller breakpoints (starting from the Tablet view, down to Mobile Portrait), till the user scrolls down the page. My client prefers if the thumbnails were much closer to the image in the lightbox, like in desktop view.

Also, the images become distorted sometimes on the published site, it seems like a glitch because the output is always different. How do I get consistent display each time the gallery loads on the site? I will really appreciate any help at all

Here is my Read-only Link https://preview.webflow.com/preview/monochrome-lagos?utm_medium=preview_link&utm_source=designer&utm_content=monochrome-lagos&preview=e9f7eb5f2f4e3a007216506b5da90d5c&pageId=61fd34480e938e09a152571a&workflow=preview

Thanks for your help