My product images on the carousel become cropped when you use mobile view. How do I custom CCS it so that they remain as their original ratio when flipping through the carousel (on both desktop and mobile)

Site URL: https://www.stuffbystink.com/cereal-by-stink

website url: stuffbystink.com

password: swagger

On the desktop version, it allows me to swap between portrait and landscape - but on the mobile, it only shows portrait, and crops anything that is actually landscape. I'd like to just edit it so that the mobile version copies the desktop.

Hi. Can you check site url?

Site URL: https://www.stuffbystink.com/cereal-by-stink

@tuanphan website is working again!

Try adding to Design > Custom CSS

/* mobile individual products image */
@media screen and (max-width:767px) {
img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}
}

great! thanks @tuanphan - you are a legend 😄