diff --git a/blocks/model-image/model-image.css b/blocks/model-image/model-image.css
index be3179f9..6d289cbf 100644
--- a/blocks/model-image/model-image.css
+++ b/blocks/model-image/model-image.css
@@ -157,8 +157,12 @@
   max-height: 80vh;
   overflow: auto;
 
-  @media only screen and (max-width: 860px) {
+  @media (max-width: 860px) {
     width: calc(100vw - 100px);
   }
 
+  @media (max-width: 768px) {
+    width: calc(100vw - 40px);
+  }
+
 }
diff --git a/blocks/model-image/model-image.js b/blocks/model-image/model-image.js
index 802743c9..0b9e02c5 100644
--- a/blocks/model-image/model-image.js
+++ b/blocks/model-image/model-image.js
@@ -107,10 +107,10 @@ export default function decorate(block) {
   });
   pictureTagForZoom.addEventListener('click', (e) => {
     e.stopPropagation();
-    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': 'unset' });
+    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
   });
   block.querySelector('.button.icon-search').addEventListener('click', (e) => {
     e.stopPropagation();
-    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': 'unset' });
+    addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
   });
 }