diff --git a/assets/images/middle-banner-desktop.png b/assets/images/middle-banner-desktop.png
new file mode 100644
index 0000000..e03a0ba
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..7009d99
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 bdcff5a..6693da6 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%;
 }
 
@@ -85,7 +87,8 @@ body {
 }
 
 @media screen and (max-width: 414px) {
-    .main-banner-desktop {
+    .main-banner-desktop,
+    .middle-banner-desktop {
         display: none;
     }
 }
@@ -136,7 +139,8 @@ body {
 }
 
 @media screen and (min-width: 415px) {
-    .main-banner-mobile {
+    .main-banner-mobile,
+    .middle-banner-mobile {
         display: none;
     }
 }
diff --git a/inde.html b/inde.html
index 7e7ccff..a82aec1 100644
--- a/inde.html
+++ b/inde.html
@@ -67,6 +67,11 @@
                   </p>
                </div>
             </section>
+
+            <section>
+                <img class="middle-banner middle-banner-desktop" src="./assets/images/middle-banner-desktop.png" alt="Banner Meio do Desktop" />
+                <img class="middle-banner middle-banner-mobile" src="./assets/images/middle-banner-mobile.png" alt="Banner do Meio Mobile" />
+             </section>
         </main>
     </body>
 </html>