Respnsividade em falta nos displays abaixo de 458px

style.css

@@ -86,7 +86,7 @@ body {
 
 .second_container {
     padding: 3rem;
-    height: 420px;
+    height: 400px;
     background-color: #E0E0E0;
     display: flex;
     gap: 24px;
@@ -95,7 +95,8 @@ body {
 }
 
 .preview_img {
-    width: 100%;
+
+    width: 410px;
 
 }
 
@@ -120,6 +121,7 @@ body {
 
 }
 
+
 /*----------------------------------------------------------------------------*/
 @media screen and (min-width:414px) {
     .banner_mobile {
@@ -149,6 +151,28 @@ body {
         width: 350px;
         margin: 0 32px 24px;
     }
+
+    .second_container {
+        display: block;
+        width: 100%;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        margin-top: 80px;
+    }
+
+    .preview_img {
+        width: 178px;
+        text-align: center;
+    }
+
+    .preview_solo {
+        width: 360px;
+        display: flex;
+        margin: 0 auto;
+        flex-direction: column;
+    }
 }
 
 /*----------------------------------------------------------------------------*/