Wordpress Woocommerce Theme / Website - Mobile Device Fix Needed... Stretching Images

Hi, I have a Wordpress Website: [login to view URL] . Everything works fine on the computer, but if viewing this page on a mobile device, the main gallery images streches / squishes (depending on portrait vs landscape orientation) so that its takes up the full height in the browser window. This results in a very distorted image which is not desired. (screenshots attached). A potential workaround is to set a specific height, but this isn't optimal either as the image should maintain the proper ratio depending on the exact width of the mobile device. I believe I've narrowed it down to a couple php files that are generating the unnecessary width & height, but I can't quite get this resolved. Pretty sure it should be a quick fix, but feel free to bid accordingly if I'm mistaken. Thank you NOTE Screenshots$[login to view URL] & Screenshots$[login to view URL] are how it distorts the image. The other 2 screenshots are of the Related Products down below which display correctly and is how we want the main product image to display.