diff --git a/_assets/css/main.css b/_assets/css/main.css
index 5214410..ef7f50d 100644
--- a/_assets/css/main.css
+++ b/_assets/css/main.css
@@ -23,7 +23,9 @@ body {
     display: block;
 }
 
-.main-banner {
+.main-banner, 
+.middle-banner  {
+    display: block;
     width: 100%;
 }
 
@@ -97,13 +99,15 @@ body {
 }
 
 @media screen and (min-width: 415px) {
-    .main-banner-mobile {
+    .main-banner-mobile,
+    .middle-banner-mobile {
         display: none;
     }
 }
 
 @media screen and (max-width: 414px) {
-    .main-banner-desktop {
+    .main-banner-desktop,
+    .middle-banner-desktop {
         display: none;
     }
 }
diff --git a/_assets/images/notebook2.jpg b/_assets/images/middle-banner-desktop.jpg
similarity index 100%
rename from _assets/images/notebook2.jpg
rename to _assets/images/middle-banner-desktop.jpg
diff --git a/_assets/images/middle-banner-mobile.jpg b/_assets/images/middle-banner-mobile.jpg
new file mode 100644
index 0000000..b8d1c37
Binary files /dev/null and b/_assets/images/middle-banner-mobile.jpg differ
diff --git a/index.html b/index.html
index fa9149e..23da56b 100644
--- a/index.html
+++ b/index.html
@@ -72,6 +72,12 @@
 
             </section>
 
+            <!-- Middle Banner | desktop and Mobile -->
+            <section>
+                <img class="middle-banner middle-banner-desktop" src="./_assets/images/middle-banner-desktop.jpg" alt="Banner do Meio Desktop" />
+                <img class="middle-banner middle-banner-mobile" src="./_assets/images/middle-banner-mobile.jpg" alt="Banner do Meio Mobile" />
+            </section>
+
         </main>
     </body>
 </html>