diff --git a/assets/images/middle-banner-desktop.png b/assets/images/middle-banner-desktop.png
new file mode 100644
index 0000000..127cff9
Binary files /dev/null and b/assets/images/middle-banner-desktop.png differ
diff --git a/assets/images/middle-banner-mobile.png b/assets/images/middle-banner-mobile.png
new file mode 100644
index 0000000..1cb8c22
Binary files /dev/null and b/assets/images/middle-banner-mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index b16c664..60ec54c 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -20,7 +20,9 @@ body {
     display: block;
 }
 
-.main-banner {
+.main-banner, 
+.middle-banner {
+    display: block;
     width: 100%;
 }
 
@@ -133,16 +135,16 @@ body {
 }
 
 
-
-
 @media screen and  (max-width: 414px) {
-    .main-banner-desktop {
+    .main-banner-desktop,
+    .middle-banner-desktop {
         display: none;
     }
 }
 
 @media screen and  (min-width: 415px) {
-    .main-banner-mobile {
+    .main-banner-mobile,
+    .middle-banner-mobile {
         display: none;
     }
 }
diff --git a/index.html b/index.html
index 71e86c0..0564654 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
         <main>
             <section>
                 <img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Banner principal Desktop">
-                <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner principal Desktop">
+                <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner principal Mobile">
             </section>
 
             <section class="top-infocard">
@@ -49,6 +49,11 @@
                     <p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
                 </div>
             </section>
+
+            <section>
+                <img class="middle-banner middle-banner-desktop" src="./assets/images/middle-banner-desktop.png" alt="Banner do meio Desktop">
+                <img class="middle-banner middle-banner-mobile" src="./assets/images/middle-banner-mobile.png" alt="Banner do meio Mobile">
+            </section>
         </main>
     </body>
 </html>
\ No newline at end of file