Help! Issues with showing full product picture and zooming in

Hello! I am in the process of adding my current art for my site and having issues only with the mobile site. On the Shop page on the grid, it shows as a full image, but when I am clicking into it to "purchase" the image it's cropped (as per my screenshot and video attached) Is there anyway to zoom out so people can see the full image without having to click on it again? 
My other issue is people cannot zoom in on the picture either, and this would be good as some of the frames are quite large and I'd like people to be able to zoom in on the image.
Thank you so much!