Modifica a responsividade do site

styles/style.css

@@ -96,12 +96,12 @@
 .image-row-background {
     background-color: #E0E0E0;
     max-height: 530px;
-    padding: 62px 72px 0px 72px;
+    padding: 0px 72px 0px 72px;
 }
 
 .image-row-wrapper {
     position: relative;
-    bottom: -25px;
+    bottom: -50px;
 }
 
 .image-row-desktop {
@@ -282,6 +282,18 @@
         flex-direction: column;
     }
 
+    .image-row-wrapper {
+        bottom: -20px;
+    }
+
+    .image-row-background {
+        height: 579px;
+    }
+
+    .row-image-desktop {
+        display: none;
+    }
+
     .second-card {
         display: flex;
         flex-direction: column;
@@ -291,7 +303,6 @@
 
     .second-card {
         flex-direction: column;
-        
     }
 
     .second-card-p {
@@ -302,7 +313,9 @@
     .bottom-banner-desktop {
         display: none;
     }
-
+    .bottom-banner-img {
+        width: 60%;
+    }
     .second-content {
         padding: 50px 32px;
     }
@@ -316,16 +329,6 @@
     }
 }
 
-@media screen and (max-width: 1024px) {
-    .image-row-background {
-        height: 579px;
-    }
-
-    .row-image-desktop {
-        display: none;
-    }
-}
-
 @media screen and (min-width: 1025px){
     .image-row-mobile1 {
         display: none;
@@ -348,12 +351,24 @@
     }
 }
 
-@media screen and (max-width: 369px) {
-    .image-row-mobile1 {
-        width: 100%;
+@media screen and (max-width: 500px) {
+    .row-image-mobile {
+        width: 70%;
     }
 
-    .image-row-mobile2 {
-        width: 100px;
+    .image-row-background {
+        height: auto;
+    }
+
+    .image-row-wrapper {
+        bottom: -30px;
+    }
+
+    .row-image-mobile2 {
+        width: 150%;
+    }
+
+    .bottom-banner-img {
+        width: 100%;
     }
 }