diff --git a/assets/css/style.css b/assets/css/style.css
index b38aa37..d122446 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -20,8 +20,10 @@ body {
   display: block;
 }
 
-.main-banner {
+.main-banner,
+.middle-banner {
   width: 100%;
+  display: block;
 }
 
 .top-infocard {
@@ -85,7 +87,8 @@ body {
 }
 
 @media screen and (max-width: 414px) {
-  .main-banner-desktop {
+  .main-banner-desktop,
+  .middle-banner-desktop {
     display: none;
   }
 }
@@ -132,7 +135,8 @@ body {
 }
 
 @media screen and (min-width: 415px) {
-  .main-banner-mobile {
+  .main-banner-mobile,
+  .middle-banner-mobile {
     display: none;
   }
 }
diff --git a/assets/imagens/middle-banner-desktop.png b/assets/imagens/middle-banner-desktop.png
new file mode 100644
index 0000000..127cff9
Binary files /dev/null and b/assets/imagens/middle-banner-desktop.png differ
diff --git a/assets/imagens/middle-banner-mobile.png b/assets/imagens/middle-banner-mobile.png
new file mode 100644
index 0000000..1cb8c22
Binary files /dev/null and b/assets/imagens/middle-banner-mobile.png differ
diff --git a/index.html b/index.html
index 40fe077..9ebf38b 100644
--- a/index.html
+++ b/index.html
@@ -75,6 +75,11 @@
                 </p>
             </div>
         </section>
+        <img class="middle-banner middle-banner-desktop" src="./assets/imagens/middle-banner-desktop.png"
+            alt="Banner do Meio-Desktop" />
+        <img class="middle-banner middle-banner-mobile" src="./assets/imagens/middle-banner-mobile.png"
+            alt="Banner do Meio-Mobile" />
+        </section>
     </main>
 
 </body>