Discrepancy between designer and live site

On the home page of my site, I have created a collection list that is a flex layout. It looks how I want it to look in the designer, but on the published site, some of the images are not the right size. I’ve tried to fix this by creating a minimum height for the images and DIV blocks. This worked for a couple hours, but then it reverted to how it looked before.

Here’s how it looks in my designer:

And here’s how it looks on the live site:

I’m rather new to this whole thing, so I’m sure that my code isn’t the cleanest. Any help in fixing this would be appreciated.

Here is my site Read-Only: https://preview.webflow.com/preview/ibeecool?utm_medium=preview_link&utm_source=designer&utm_content=ibeecool&preview=9b2394df4af376364f3c2fa213ec1613&mode=preview

Why don’t you just make them all a fixed height? You can also set each image to be a background image for the div you have inside the collection link. And set it to contain, that way it’ll always scale the image to as large as possible horizontal or vertical without squishing it.