Code to increase size of product images on mobile

Can you please provide custom css to increase the image size of products in portrait orientation within the mobile version? Specifically products located under Prints and not Merchandise. Thank you! 

https://www.itwasgoodimages.com/

I see you figured it out? Or can you share link to product in screenshot?

https://www.itwasgoodimages.com/prints/p/painted-bunting-foraging-pokeberries-great-falls-marylandHi, thanks for reaching out. I haven't figured it out yet. The images in landscape orientation look good but the images in portrait orientation are too small on the mobile site.  

Try edit that product > Additional Info > Add a Block > Choose Code > Paste this code

<style>
  @media screen and (max-width:767px) {
  .tweak-product-basic-item-gallery-aspect-ratio-32-standard .ProductItem-gallery-slides:before {
    padding-bottom: 100% !important;
}
  }
</style>

Hi, I tried the code you provided in Custom CSS but received a Syntax error on the first line <style>. I read in another forum that you cannot apply CSS to your website using <style> tags. You can only insert them in the Code Injection Header/Footer areas. Any other ideas? 

I missed that part before. Thanks so much! This is exactly what I needed. Made my day 🙂