Mobile view of shop page crops images

I sell art through a store page and in mobile view none of the images are displayed entirely, they're always cropped. 

This page shows cropped versions which is ok:

https://artmagik.ca/gallerystore/ray-swirsky

Once you select an image and it goes to the purchase page the image needs to be complete so people can see what they're buying but the images remain cropped in mobile view:

https://artmagik.ca/gallerystore/p/the-steeples

Screenshots of both mobile and desktop views are attached.

How can this be fixed?  Thanks for any help!! 

Ken

Try adding this code to Website > Website Tools (under Not Linked) > Custom CSS

img.pdp-gallery-slides-image {
    object-fit: contain !important;
}