diff --git a/src/Resources/app/storefront/src/scss/base.scss b/src/Resources/app/storefront/src/scss/base.scss
index ceea5b8..b83d713 100644
--- a/src/Resources/app/storefront/src/scss/base.scss
+++ b/src/Resources/app/storefront/src/scss/base.scss
@@ -160,6 +160,7 @@ strong {
     .icon {
       color: #878787;
     }
+
     .icon:hover {
       color: $sw-color-brand-primary;
     }
@@ -310,10 +311,18 @@ footer {
 
 .product-detail-media {
   .gallery-slider-single-image {
-    min-height: 800px !important;
+    @include media-breakpoint-up(md) {
+      img {
+        width: 100%;
+      }
+    }
+    @include media-breakpoint-up(lg) {
+      min-height: 800px !important;
+    }
   }
 }
 
+
 .cms-section-sidebar,
 .cms-section.alternate {
   background-color: #f2effb;
diff --git a/src/Resources/views/storefront/element/cms-element-image-gallery.html.twig b/src/Resources/views/storefront/element/cms-element-image-gallery.html.twig
new file mode 100644
index 0000000..f902fa4
--- /dev/null
+++ b/src/Resources/views/storefront/element/cms-element-image-gallery.html.twig
@@ -0,0 +1,6 @@
+{% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}
+
+{% block element_image_gallery_inner %}
+    {% set zoom = false %}
+    {{ parent() }}
+{% endblock %}