feat(description):image description responsiva

react/components/Html/styles.css

@@ -58,8 +58,23 @@
 .html--pdp-productMain :global(.vtex-store-components-3-x-container){
   max-width: 100%;
 }
-
+@media screen and (max-width: 320px){
+  .html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
+    min-width: 100% !important;
+    max-height: 100% !important;
+}
+}
 @media screen and (max-width: 1024px) {
+  .html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
+      min-width: 296px;
+  }
+  .html--pdp-descriptions :global(.vtex-flex-layout-0-x-stretchChildrenWidth){
+      align-items: center;
+  }
+  .html--pdp-descriptions :global(.vtex-store-components-3-x-productImagesContainer){
+      width: auto;
+
+  }
   .html--pdp-departamens div ul{
     flex-direction: column;
     justify-content: end;

styles/css/vtex.store-components.css

@@ -152,10 +152,8 @@
   width: 90px;
 }
 
-@media screen and (max-width: 1024px) {
+.productDescriptionContainer {
-  .productDescriptionContainer .productImageTag {
+  background: pink;
-    min-width: 296px;
-  }
 }
 .productDescriptionContainer .productDescriptionTitle {
   font-family: "Open Sans", sans-serif;

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

@@ -143,11 +143,7 @@
   }
 }
 .productDescriptionContainer{
-  .productImageTag{
+  background: pink;
-    @media screen and (max-width: 1024px){
-      min-width: 296px;
-    }
-  }
   .productDescriptionTitle{
     font-family: 'Open Sans',sans-serif;
     font-style: normal;