Images Resizing Randomly

Hi,

I am currently working on a grid in my site to showcase various images. I have the images set to manual and entered how many columns/rows I want them to span. I also have their fit set to cover. I get everything how I want it and then all of a sudden everything resizes randomly without me doing anything. This happens on the live site as well. I have attached a video link that shows what is happening: Webflow Images Resizing

Any help would be appreciated!


Here is my site Read-Only: [LINK(https://preview.webflow.com/preview/portfolio-dc37ac?utm_medium=preview_link&utm_source=designer&utm_content=portfolio-dc37ac&preview=9c344172f40e827aacfb653e9aaa77d7&workflow=preview)]
(how to share your site Read-Only link)

Your images don’t need separate classes if the only difference is their placement in the grid. Make them the same class and set the width and height to 100%. Then change your columns in your grid to 1fr.

Appreciate the help, could you explain where they are separate classes? I don’t see that