Make product image smaller on mobile product page

Store Design
6

@KalleSpang

Thanks for confirm

  1. Go to Online Store->Theme->Edit code
  2. Asset->/Theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.product-single__media {
padding-top: 100% !important;

  img {
     height: 100%;
    object-fit: contain;
}

}
}