Formatting Help with Mobile View

Site URL: http://www.voodoo-design.com

Hello Everyone, 

Getting my page to work correctly in mobile has been very frustrating. Originally, none of the images would format correctly in the browser. 

I added this code below in Design > Custom CSS > 

@media screen and (max-width:1080px) { .gallery-fullscreen-slideshow[data-width="full-bleed"] {
    height: 30vh !important;}}

Now the galleries on all pages work correctly.

Here are the issues that I am still having. 

1. How do we get the mobile browsers to properly display images that are not 3:4 ratio like for this product listing.

https://www.voodoo-design.com/mclaren/p/m-engineering-m-tuner-m838t-suite-mclaren-570gt-2d8gd

The product images is cropped while all other products in 3:4 or 16:9 ratios are displaying properly.

2. How do we get the the static images (non gallery, non sider) to properly display throughout the site on a mobile browser?

https://www.voodoo-design.com/home

Any help would be appreciated and I willing to tip anyone in Venmo who can help me!