diff --git a/assets/img/png_jpg/middle-banner-desktop.png b/assets/img/png_jpg/middle-banner-desktop.png
new file mode 100644
index 0000000..1c6e342
Binary files /dev/null and b/assets/img/png_jpg/middle-banner-desktop.png differ
diff --git a/assets/img/png_jpg/middle-banner-mobile.png b/assets/img/png_jpg/middle-banner-mobile.png
new file mode 100644
index 0000000..10745a3
Binary files /dev/null and b/assets/img/png_jpg/middle-banner-mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 355ebb7..2e0d5d4 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -24,7 +24,9 @@ body {
 }
 
 /* ----- MAIN-BANNER ----- */
-.main-banner {
+.main-banner,
+.middle-banner {
+  display: block;
   width: 100%;
 }
 
@@ -92,7 +94,8 @@ body {
 
 /* ----- RESPONSIVIDADE -----*/
 @media screen and (max-width: 414px) {
-  .main-banner-desktop {
+  .main-banner-desktop,
+  .middle-banner-desktop {
     display: none;
   }
 }
@@ -143,7 +146,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 b012ba9..8ac4e14 100644
--- a/index.html
+++ b/index.html
@@ -59,6 +59,11 @@
           </p>
         </div>
       </section>
+
+      <div >
+        <img class="middle-banner middle-banner-desktop" src="./assets/img/png_jpg/middle-banner-desktop.png" alt="Banner do Meio Desktop" />
+        <img class="middle-banner middle-banner-mobile" src="./assets/img/png_jpg/middle-banner-mobile.png" alt="Banner do Meio Mobile" />
+      </div>
     </main>
     
   </body>