How can I adjust the size of photos on my new mobile layout?

My site just a new create, but I face a lot of problem. In my mobile layout, just one photo already occupy whole screen. I would like adjust the photo size. Would you please help us, thanks in advance

@GoldTrunk

  1. In your Shopify Admin go to: online store > themes > actions > edit code

  2. Find Asset > timber.scss.liquid and paste this at the bottom of the file.

@media only screen and (max--width: 768px){
.product-single__media { padding-top: 100% !important; }
}