Show full images in original size when viewing on sales page

Site URL: https://elancloe.com/unlimited-use-stock-photography-5-dollars-to-free-stock-photography

Hello, 

I'm trying to get the photos on my mobile sales page to be shown in their actual aspect ratio so that customers can see what they are buying correctly. 

The photo looks something like the first one, but the 2nd one is how it looks on the sales page. Is there any way to get the photos on the sales page to be the whole photo in its original aspect ratio? These are digital products so I want people to be able to see what they're buying. 

Thank you for any help with this!

Hi. Can you share link to page where you has problem? We can check easier

Hi @Tuanphan! 

On 2/3/2021 at 3:01 AM, tuanphan said:

Hi. Can you share link to page where you has problem? We can check easier

Hi @tuanphan , 

Yes, the issue is when you access my site on mobile only, which 99% of people are doing. 

When you click into any photo's product page on mobile on this area of my site , the photo's are only showing in the set aspect ratio, which does not allow you to see the whole photo that is being sold. 

I've inserted screen shots to show the issue below. Thank you so much for your help in figuring this out! 

-Elan 

Desktop 

MOBILE

Amazing! Thank you so much @tuanphan!

Thank you!!!
The code below worked like a charm for mobile aspect ratio photo issues!

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