fix(feat): Add and Rearrange the img container after screen change

src/styles/why.css

@@ -29,6 +29,7 @@
 
 .why__copy {
   display: flex;
+  order: 2;
   flex: 1;
   flex-direction: column;
   align-items: flex-start;
@@ -86,10 +87,12 @@
 
 .why__illustration {
   position: relative;
-  display: none;
+  display: block;
+  order: 1;
+  align-self: center;
   flex-shrink: 0;
-  width: 480px;
-  height: 480px;
+  width: 320px;
+  height: 320px;
 }
 
 .why__illustration-image {
@@ -201,12 +204,21 @@
     flex-direction: row;
   }
 
+  .why__copy {
+    order: 1;
+  }
+
+  .why__illustration {
+    order: 2;
+  }
+
   .why__title {
     font-size: 48px;
   }
 
   .why__illustration {
-    display: block;
+    width: 480px;
+    height: 480px;
   }
 }