Shopify product light box way too zoom in

[DDPickleball]

When visiting my site on my mobile and clicking on an individual product image, the picture pops out (light box mode i guess?) and it is HUGE. very difficult to be able to get a good look at the image, just larger.  It looks like light box is the only option for mobile? and there is no pinch option to be able to adjust the sizing based on my own or customer preference.  Is there a feature I am missing for this, or is this the only option.  about 74% of my shoppers are mobile users and I would like them to be able to see the products however they wish when zooming. 
URL : ddpickleball.ca

[Eric-HAN]

HI， there

Would you mind sharing your store url？

[DDPickleball]

www.ddpickleball.ca

[DDPickleball]

Go on your theme 
Edit Code : 
Find File '' base.css ''
put at the end of your text : 
@media screen and (max-width: 749px) { .product-media-modal__dialog .global-media-settings{ width: 170% !important; }}

It worked for me (well not perfect but WAY better)