Growing gap between main Image and thumbnails in narrow mobile browsers

I have a custom theme that uses a slider image gallery. It looks great in most browsers, except narrow ones below around 500px. As the browser narrows further, the gap between the main image and the thumbnails continues to increase and increase (keeping the thumbnail gallery in the same position, but the main image shrinks and takes up less space. I’ve tried AI to resolve this but they constantly suggest padding and margin changes, but its not a fix gap. It’s likely some sort of relative height setting for the container that breaks in narrow mobile views.

You can see here to see the page i’m talking about. Inspect and shrink the viewport to <500, especially at 350px its very large (a very common browser width on mobile)