Hello, @Niddy,
Could you please try with the below-listed CSS code, It will work on complete site products, and if not then please share the URL of your live site, so that I will check and try to prepare the CSS for your site?
@media only screen and (min-width: 575px) and (max-width: 992px) {
.et_column.et_product-block.mob-full-width.mob-full-width-children.etheme-woocommerce-product-gallery.justify-content-start {
width: 40% !important;
}
.et_column.et_product-block.mob-full-width.mob-full-width-children.justify-content-start {
width: 60% !important;
}
}
Regards 8Themes Team.