Resize Product Image 7.0

Hey Everyone!

I am trying to resize this product image because it's getting cropped on the left but I cannot figure out the css? Could anyone help?  https://www.johnsummitmusic.com/shop/summit-dad-cap

Also one thing that is driving me insane is this product image: https://www.johnsummitmusic.com/shop/summit-tee If you check the actual product page, both t-shirts have a shadow, but if you check the main gallery, a shadow does not appear in the main image. Would anyone know what's causing this?

Thank you! :)

Add to Home > Design > Custom CSS

.ProductItem-gallery-slides-item-image {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}