Image Issue on webflow.io site but not showing in designer?

I’m having a weird issue that is happening in my webflow.io site, but not in designer. I have an infinite carousel loop where I put the logos of companies I’ve worked with (under the section “Proud to Have Worked With”). It shows up perfectly in Designer and when I run it on the toggle preview, but the Kolbe Corp logo, Rocky Mountain logo, and BYU-Idaho logo all are squished and blurry on my webflow.io site. Does anyone know why and how to fix it?

Webflow designer link: Webflow - Michelle Western's Portfolio

Webflow.io site: https://michelle-westerns-portfolio-b91996.webflow.io/

Hey @Michelle_Western , you should specify width and height for the logo images instead of leaving it to auto as browsers will need to know the width and height to accurately reserve the spaces for each image. You can try assigning width: 100% and height: 100% to your Company Logo class and check if the issue still persist.

Thank you SO much; that worked. I had to only put a set height on it because the logos were all different widths, but once I did the set height and an auto width, it fixed the issue. Again, thanks :pray:

1 Like