diff --git a/assets/images/middle-banner-desktop.png b/assets/images/middle-banner-desktop.png
new file mode 100644
index 0000000..44c2977
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..5a47843
Binary files /dev/null and b/assets/images/middle-banner-mobile.png differ
diff --git a/assets/styles/style.css b/assets/styles/style.css
index 22a9f49..89e6e58 100644
--- a/assets/styles/style.css
+++ b/assets/styles/style.css
@@ -20,8 +20,9 @@ body {
     display: block;
 }
 
-.main-banner {
+.main-banner, .middle-banner {
     width: 100%;
+    display: block;
 }
 
 .top-infocard {
@@ -83,8 +84,11 @@ body {
     line-height: 24px;
 }
 
+
+
 @media screen and (max-width: 414px) {
-    .main-banner-desktop {
+    .main-banner-desktop,
+    .middle-banner-desktop {
         display: none;
     }
 }
@@ -122,7 +126,8 @@ body {
 }
 
 @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 bac4d40..b0c2228 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
 
         </section>
 
-            <section class="top-cards">
+        <section class="top-cards">
                 <div class="top-card">
                     <img class="top-card-image" src="assets/images/top-card-image-01.png" alt="Imagem do Primeiro Card do Topo"/>
                     <p class="top-card-description">
@@ -65,9 +65,13 @@
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                     </p>
                 </div>
-
-            </section>
+        </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 Principal Mobile"/>
+        </section>
+
     </main>
 </body>
 </html>
\ No newline at end of file