diff --git a/assests/bottom-card-01.png b/assests/bottom-card-01.png
new file mode 100644
index 0000000..656f073
Binary files /dev/null and b/assests/bottom-card-01.png differ
diff --git a/assests/bottom-card-02.png b/assests/bottom-card-02.png
new file mode 100644
index 0000000..e9414fd
Binary files /dev/null and b/assests/bottom-card-02.png differ
diff --git a/assests/bottom-card-03.png b/assests/bottom-card-03.png
new file mode 100644
index 0000000..66be1e8
Binary files /dev/null and b/assests/bottom-card-03.png differ
diff --git a/assests/bottom-card-04.png b/assests/bottom-card-04.png
new file mode 100644
index 0000000..2013cf8
Binary files /dev/null and b/assests/bottom-card-04.png differ
diff --git a/assests/middle-banner-01.png b/assests/middle-banner-01.png
new file mode 100644
index 0000000..d7ff618
Binary files /dev/null and b/assests/middle-banner-01.png differ
diff --git a/assests/middle-banner-02.png b/assests/middle-banner-02.png
new file mode 100644
index 0000000..f7ed233
Binary files /dev/null and b/assests/middle-banner-02.png differ
diff --git a/assests/middle-banner-03.png b/assests/middle-banner-03.png
new file mode 100644
index 0000000..0bbb48c
Binary files /dev/null and b/assests/middle-banner-03.png differ
diff --git a/index.html b/index.html
index b58f795..8f30f9b 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
       <div class="middle-cards">
         <figure class="middle-card">
             <img class="middle-card-image" src="./assests/middle-card-01.png" alt="Imagem do primeiro card do meio">
-            <p class="middle-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
+            <p class="middle-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.</p>
         </figure>
 
         <figure class="middle-card">
@@ -50,10 +50,14 @@
           <p class="middle-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
         </figure>
      </div>
-     <figure>
-      
-     </figure>
     </section>
+    <figure class="middle-banners">
+      <img class="middle-banners-image" src="./assests/middle-banner-01.png" alt="Imagem do primeiro banner do meio">
+      <img class="middle-banners-image" src="./assests/middle-banner-02.png" alt="Imagem do segundo banner do meio">
+      <img class="middle-banners-image" src="./assests/middle-banner-03.png" alt="Imagem do terceiro banner do meio">  
+   
+    </figure>
+   
 
   </main>
 </body>
diff --git a/main.css b/main.css
index b3afc99..a96efd1 100644
--- a/main.css
+++ b/main.css
@@ -36,7 +36,7 @@ body {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 74px 0 180px;
+  padding: 74px 0 80px;
 }
 
 /* estilização para caixa do texto ( não coloquei em 40% para quebrar no paragrafo do figma */
@@ -68,8 +68,6 @@ body {
   display: flex;
   justify-content: center;
   gap: 22px;
-
-
 }
 
 .middle-card {
@@ -94,8 +92,28 @@ body {
   text-align: center;
   }
 
+  .middle-banners {
+    display:flex;
+    align-items: center;
+    justify-content: center;
+    background: #E0E0E0;
+
+  }
+  
+  .middle-banners-image {
+    margin-top: 62px;
+    max-width: 30%;
+    width: 100%;
+    display: flex;
+  }
+
+  .middle-banners-image:nth-child(2) {
+    margin: 62px 40px 0 40px ;
+  }
+  
 
 
+