fixed mobile view

src/components/edition3/bananas.vue

@@ -153,9 +153,9 @@ 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,9 +150,9 @@ 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,9 +138,9 @@ 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,9 +132,9 @@ 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,9 +143,9 @@ 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,9 +153,9 @@ 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,9 +134,9 @@ 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,9 +139,9 @@ a {
 
 
 @media (max-width: 575px){
-     .small_icon {
+    #illustration {
-       display: none;
+    width: 60%;
-
+    padding-left: 20%;
     }
      .title_story {
        font-size: 48px;