From 1531f798d1b22f1e9c689426da722e459d978d65 Mon Sep 17 00:00:00 2001
From: Rallenson <Rallenson900@gmail.com>
Date: Mon, 30 Jan 2023 16:06:30 -0300
Subject: [PATCH] feat(product-image):main image mobile responsive

---
 styles/css/vtex.store-components.css                 | 12 ++++++++++++
 styles/sass/pages/product/vtex.store-components.scss |  8 ++++++++
 2 files changed, 20 insertions(+)

diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 402421a..a1e342a 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -51,6 +51,18 @@
     max-width: 100%;
   }
 }
+@media screen and (max-width: 64.0625em) {
+  .carouselContainer .productImage {
+    min-width: 296px;
+    max-width: 100%;
+  }
+}
+@media screen and (max-width: 23.375em) {
+  .carouselContainer .productImage {
+    min-width: 0;
+    max-width: 100%;
+  }
+}
 .carouselContainer .productImage .productImageTag- {
   max-height: 100% !important;
   margin-bottom: 1em;
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 9dd1860..2f1b0a2 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -52,6 +52,14 @@
       min-width: 904px;
       max-width:100%;
     }
+    @media screen and (max-width: 64.0625em){
+      min-width: 296px;
+      max-width:100%;
+    }
+    @media screen and (max-width: 23.375em){
+      min-width: 0;
+      max-width:100%;
+    }
     .productImageTag-{
       max-height: 100% !important;
       margin-bottom: 1em;