Grid images disappearing on mobile

Some (not all) of my images in grids disappear when viewed on mobile. They are set to display and I have no problem viewing them on the other breakpoints. I have tried both in a div, and just the image by itself in the grid, setting heights to the image and the div, and changing display from block to inline, and nothing seems to make a difference.

I have one grid at the bottom of the homepage that is unaffected by this and I have no idea what is different to this one from the other 2 I have issues with.


The issue can be seen on the pink section on the homepage, and on the work page which is just a grid of images.

Here is my site Read-Only: Webflow - Studio 22 Portfolio

Annoyingly, it appears to show fine for the read-only site. The site is www.studio-twentytwo.co.uk and the issue can be seen here.

Try setting a width property to the images. I’d used 100% on this specific image.

Could have sworn I tried that, but that has worked, thank you!