fixed images display on smaller screens

[theme-danix.xyz.git] / assets / sass / components / _image.scss

diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
index 67f156c..ed82f28 100644 (file)
--- a/assets/sass/components/_image.scss
+++ b/assets/sass/components/_image.scss
@@ -51,10 +51,11 @@
 \r
                        img {\r
                                width: 100%;\r
+                               height: auto;\r
                        }\r
                        div.picture {\r
+                               width: 100%;\r
                                max-width: 100%;\r
-                               height: auto;\r
                        }\r
                }\r
 \r
@@ -65,11 +66,12 @@
 \r
                        img {\r
                                width: 100%;\r
+                               height: auto;\r
                                max-width: 100%;\r
                        }\r
                        div.picture {\r
+                               width: 100%;\r
                                max-width: 100%;\r
-                               height: auto;\r
                        }\r
 \r
                        @include breakpoint('<=small') {\r