Why are my product images appearing squashed on desktop?

Hi, hoping for some help, I’ve set up a shop and everything worked great, until I tried to increase website speed, SEO etc.. I’ve changed some code here and there and I seem to have broken my product images.

They now appear squashed on Desktop when I have more than 1 product image. Link below.

Thanks in advance!

https://cosycandles.shop/products/creed-scented-jar

Hi @Patrick8701 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/main.css->paste below code at the bottom of the file

img {
   object-fit: contain;
   height: auto;
}

Hope my answer will help you.

Kate from PageFly Team

Absolutely perfect! Thank you so much!