diff --git a/assest/middle-banner-desktop.png b/assest/middle-banner-desktop.png
new file mode 100644
index 0000000..c81c20a
Binary files /dev/null and b/assest/middle-banner-desktop.png differ
diff --git a/assest/middle-banner-mobile.png b/assest/middle-banner-mobile.png
new file mode 100644
index 0000000..d84198b
Binary files /dev/null and b/assest/middle-banner-mobile.png differ
diff --git a/index.html b/index.html
index d86c836..1204118 100644
--- a/index.html
+++ b/index.html
@@ -51,6 +51,12 @@
           </p>
         </div>
       </section>
+
+      <section>
+        <img class=" middle-banner middle-banner-desktop" src="./assest/middle-banner-desktop.png" alt="Banner do meio Desktop">
+        <img class ="middle-banner middle-banner-mobile" src="./assest/middle-banner-mobile.png" alt="Banner do meio mobile">
+      </section>
+
     </main>
   </body>
 </html>
\ No newline at end of file
diff --git a/main.css b/main.css
index be50814..87b4197 100644
--- a/main.css
+++ b/main.css
@@ -22,7 +22,8 @@ body {
   display: block;
 }
 
-.main-banner {
+.main-banner , .middle-banner {
+  display: block;
   width: 100%;
 }
 
@@ -92,7 +93,7 @@ body {
 
 
 @media screen and (max-width: 414px) {
-  .main-banner-desktop {
+  .main-banner-desktop, .middle-banner-desktop {
       display: none;
   }
 }
@@ -141,7 +142,7 @@ body {
 
 }
 @media screen and (min-width:415px) {
-  .main-banner-mobile {
+  .main-banner-mobile, .middle-banner-mobile {
     display: none;
   }
 }