fixed mobile view

src/components/edition3/bananas.vue

@@ -153,10 +153,10 @@ a {
 }
 
 @media (max-width: 575px){
-     .small_icon {
+    #illustration {
-       display: none;
+      width: 60%;
-
+      padding-left: 20%;
-     }
+    }
      .title_story {
        font-size: 48px;
      }

src/components/edition3/bowl.vue

@@ -150,10 +150,10 @@ a {
 
 }
 @media (max-width: 575px){
-     .small_icon {
+  #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
-     }
+  }
      .title_story {
        font-size: 48px;
      }

src/components/edition3/mittens.vue

@@ -138,10 +138,10 @@ visibility: hidden;
 
 
 @media (max-width: 575px){
-     .small_icon {
+  #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
-     }
+  }
      .title_story {
        font-size: 48px;
      }

src/components/edition3/olives.vue

@@ -132,10 +132,10 @@ a {
 
 
 @media (max-width: 575px){
-     .small_icon {
+  #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
-     }
+  }
      .title_story {
        font-size: 48px;
      }

src/components/edition3/popcorn.vue

@@ -143,10 +143,10 @@ a {
 }
 
 @media (max-width: 575px){
-     .small_icon {
+  #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
-     }
+  }
      .title_story {
        font-size: 48px;
      }

src/components/edition3/potato.vue

@@ -153,10 +153,10 @@ a {
 }
 
 @media (max-width: 575px){
-     .small_icon {
+  #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
-     }
+  }
      .title_story {
        font-size: 48px;
      }

src/components/edition3/threeeggs.vue

@@ -134,10 +134,10 @@ visibility: hidden;
 
 
 @media (max-width: 575px){
-     .small_icon {
+  #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
-     }
+  }
      .title_story {
        font-size: 48px;
      }

src/components/edition3/twoberries.vue

@@ -152,10 +152,7 @@ a {
 
 
 @media (max-width: 575px){
-     .small_icon {
-       display: none;
 
-     }
      .title_story {
        font-size: 48px;
      }
@@ -170,6 +167,11 @@ a {
      .photo {
        padding-bottom: 40px;
      }
+
+     #illustration {
+       width: 60%;
+       padding-left: 20%;
+     }
    }
 
 </style>

src/components/edition3/vodka.vue

@@ -160,8 +160,8 @@ a {
      }
 
      #illustration {
-       width: 60%;
+       width: 50%;
-       display: block;
+       padding-left: 30%;
      }
    }
 

src/components/edition3/workfromhome.vue

@@ -139,10 +139,10 @@ a {
 
 
 @media (max-width: 575px){
-     .small_icon {
+    #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
-     }
+    }
      .title_story {
        font-size: 48px;
      }