diff --git a/src/landingPage.html b/src/landingPage.html
index c9e93d9..4833952 100644
--- a/src/landingPage.html
+++ b/src/landingPage.html
@@ -76,28 +76,30 @@
         </figure>
       </div>
       <div class="mini-banners-container">
-        <div class="mini-banners">
-          <figure class="mini-banner">
-            <img
-              src="./assets/Card-1.png"
-              alt="Computador"
-              class="mini-banner-image"
-            />
-          </figure>
-          <figure class="mini-banner">
-            <img
-              src="./assets/Card-2.png"
-              alt="Computador"
-              class="mini-banner-image"
-            />
-          </figure>
-          <figure class="mini-banner">
-            <img
-              src="./assets/Card-3.png"
-              alt="Computador"
-              class="mini-banner-image"
-            />
-          </figure>
+        <div class="mini-banners-wrapper">
+          <div class="mini-banners">
+            <figure class="mini-banner mini-banner1">
+              <img
+                src="./assets/Card-1.png"
+                alt="Computador"
+                class="mini-banner-image"
+              />
+            </figure>
+            <figure class="mini-banner mini-banner2">
+              <img
+                src="./assets/Card-2.png"
+                alt="Computador"
+                class="mini-banner-image"
+              />
+            </figure>
+            <figure class="mini-banner mini-banner3">
+              <img
+                src="./assets/Card-3.png"
+                alt="Computador"
+                class="mini-banner-image"
+              />
+            </figure>
+          </div>
         </div>
         <div class="fundo-branco"></div>
       </div>
diff --git a/src/style/landingPage.css b/src/style/landingPage.css
index 54dac78..76c9a26 100644
--- a/src/style/landingPage.css
+++ b/src/style/landingPage.css
@@ -101,13 +101,26 @@
 }
 .fundo-branco {
   width: 100%;
-  height: 150px;
+  height: 62px;
+}
+.mini-banners-wrapper {
+  padding: 0 72px;
+  width: 100%;
+  background: #e0e0e0;
 }
 .mini-banners {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 39px;
+  position: relative;
+  top: 62px;
+}
+.mini-banner {
+  width: 33%;
+}
+.mini-banner-image {
+  width: 100%;
 }
 @media (min-width: 2500px) {
   .texto-container h1 {
@@ -171,4 +184,30 @@
   .card {
     width: 100%;
   }
+  .mini-banners-wrapper {
+    padding: 0 23px;
+  }
+  .mini-banner1 {
+    width: 100%;
+    grid-area: mini-banner1;
+  }
+  .mini-banner2 {
+    width: 100%;
+    grid-area: mini-banner2;
+  }
+  .mini-banner3 {
+    width: 100%;
+    grid-area: mini-banner3;
+  }
+  .mini-banners {
+    display: grid;
+    grid-template-areas:
+      "mini-banner1 mini-banner2"
+      "mini-banner3 mini-banner3";
+    gap: 24px 14px;
+    top: 32px;
+  }
+  .fundo-branco {
+    height: 32px;
+  }
 }