diff --git a/assets/imagens/middle-banner-desktop.png b/assets/imagens/middle-banner-desktop.png
new file mode 100644
index 0000000..c81c20a
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..d84198b
Binary files /dev/null and b/assets/imagens/middle-banner-mobile.png differ
diff --git a/assets/imagens/styles/main.css b/assets/imagens/styles/main.css
index dccf0b1..465b89e 100644
--- a/assets/imagens/styles/main.css
+++ b/assets/imagens/styles/main.css
@@ -20,7 +20,9 @@ body{
     display: block;
 }
 
-.main-banner {
+.main-banner,
+.middle-banner{
+    display: block;
     width: 100%;
 }
 
@@ -90,7 +92,8 @@ line-height: 24px;
   }
 
 @media screen and (max-width:414px){
-       .main-banner-desktop{
+       .main-banner-desktop,
+       .middle-banner-desktop{
         display: none;
        }
 }
@@ -147,7 +150,8 @@ line-height: 24px;
         
 
 @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 8be243e..d2d0210 100644
--- a/index.html
+++ b/index.html
@@ -65,6 +65,11 @@
 
             </section>
 
+            <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>