How can I increase the height of my product images in the product pages?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/store/p/hooded-logo-windbreaker

Hello, is it possible to increase the height of my images on each Product page? Please see attached. When you click into each individual product, the top and bottom of each image is cropped cutting the view of the products.

Please help!

Page example - https://bluebird-porcupine-yzdg.squarespace.com/store/p/hooded-logo-windbreaker

Pword - bluebird

Many thanks,

Best,

Faiz

Add to Design > Custom CSS

.c-product-gallery__image {
    object-fit: initial;
    height: auto;
}

Hi Tuanphan, many thanks for your help here.

I tried adding this but I couldn't get it to work? Please see attached.

Many thanks.

Try adding then save & reload your site

Thanks, I just tried this and it still looks cropped.

Are you able to try on your side? Not sure why it's not working here.

Thank you.