Streaming live at 10am (PST)

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

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:

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:

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