2 problems: Images resizing randomly in CSS grid and position sticky issue with overflow hidden

Design help General
1

Hello everyone,
I’m working on my first Webflow website and I think I ran into a couple of bugs, I think. Here’s a short video explaining the issues: 404 File Not Found - Jumpshare

I’ll also explain it in writing briefly:

  1. I have a bunch of images, inside a div, that’s inside a CSS grid. Images have a height:60vh rule. Width is auto. For some reason, they sometimes snap to a smaller width, which distorts the images. This only happens if they’re inside a CSS grid element.
  2. I have a section with overflow:hidden. Inside that section, there’s that container with a bunch of images, that run off-screen (i intend to create a horizontal scrolling section). Because I assigned overflow:hidden, the div with position sticky no longer works. It doesn’t stick.

Here’s my link: https://preview.webflow.com/preview/caligrafik?utm_medium=preview_link&utm_source=designer&utm_content=caligrafik&preview=fb233aaa62168f2a32493e0066f8f0c5&pageId=5f1b0d1356a85183b0bb1e29&mode=preview

Any help would be greatly appreciated. I’m a bit stuck here.