Images not sizing correctly in Grid

Hi, I’ve dropped my images into a Grid and set them 100% height 100% width fit:cover using a class.

However, my images are extending beyond my grid (coloured red so I can see it ) rather than being contained. Removing grid height does not cause it to collapse as expected.

What am I doing wrong please?


Here is my site Read-Only: https://preview.webflow.com/preview/development-7271c1?utm_medium=preview_link&utm_source=designer&utm_content=development-7271c1&preview=18a7f45066c2fc116eb0d217620035f3&mode=preview

Sorry to anyone who view my link and wondered what I was talking about.

It works in Chrome but not in Safari. At least on my MacBook pro with Big Sur.