ajuste na imagem de produto mobile

react/components/Html/style.css

@@ -1,7 +1,3 @@
-[class*="vtex-store-components-3-x-productImageTag--main"] {
-  max-height: 664px !important;
-}
-
 .html--pdp-breadcrumb {
   margin: 0 40px;
 }

store/blocks/pdp/product.jsonc

@@ -80,7 +80,8 @@
     "children": ["stack-layout"],
     "props": {
       "width": "50%",
-      "rowGap": 0
+      "rowGap": 0,
+      "blockClass": "stack-layout-container"
     }
   },
   "flex-layout.row#product-image": {

styles/css/vtex.flex-layout.css

@@ -16,6 +16,9 @@
     display: flex;
     flex-direction: column;
   }
+  .flexRowContent--product-main-stack .stretchChildrenWidth {
+    width: 100% !important;
+  }
 }
 
 @media screen and (max-width: 1024px) {

styles/css/vtex.store-components.css

@@ -364,3 +364,7 @@
     max-height: 1100px !important;
   }
 }
+
+.productImageTag--main {
+  max-height: 1000px !important;
+}

styles/sass/pages/product/vtex.flex-layout.scss

@@ -10,6 +10,10 @@
   @media screen and (max-width: 1024px) {
     display: flex;
     flex-direction: column;
+
+    .stretchChildrenWidth {
+      width: 100% !important;
+    }
   }
 }
 .flexRowContent--main-header-mobile {

styles/sass/pages/product/vtex.store-components.scss

@@ -408,3 +408,7 @@
     max-height: 1100px !important;
   }
 }
+
+.productImageTag--main {
+  max-height: 1000px !important;
+}