diff --git a/assets/Styles/main.css b/assets/Styles/main.css
index b6a6a8b..9c01a6e 100644
--- a/assets/Styles/main.css
+++ b/assets/Styles/main.css
@@ -23,8 +23,10 @@ body{
     display: block;
 }
 
-.main-banner{
+.main-banner,
+.middle-banner {
     width: 100%;
+    display: block;
 }
 
 .top-infocard{
@@ -89,7 +91,8 @@ body{
 }
 
 @media screen and (max-width: 414px) {
-    .main-banner-desktop{
+    .main-banner-desktop,
+    .middle-banner-desktop {
         display: none;
     }
 }
@@ -156,7 +159,8 @@ body{
 }
 
 @media screen and (min-width: 415px) {
-    .main-banner-mobile{
+    .main-banner-mobile,
+    .middle-banner-mobile{
         display: none;
     }
 }
\ No newline at end of file
diff --git a/assets/images/middle-banner-desktop.png b/assets/images/middle-banner-desktop.png
new file mode 100644
index 0000000..5c80163
Binary files /dev/null and b/assets/images/middle-banner-desktop.png differ
diff --git a/assets/images/middle-banner-mobile.png b/assets/images/middle-banner-mobile.png
new file mode 100644
index 0000000..36b8374
Binary files /dev/null and b/assets/images/middle-banner-mobile.png differ
diff --git a/index.html b/index.html
index 81ca1e3..9200989 100644
--- a/index.html
+++ b/index.html
@@ -73,6 +73,13 @@
 
 
             </section>
+
+            <div>
+                <figure>
+                    <img class="middle-banner middle-banner-desktop" src="./assets/images/middle-banner-desktop.png" alt="Banner computador" />
+                    <img class="middle-banner middle-banner-mobile" src="./assets/images/middle-banner-mobile.png" alt="Banner computador" />
+                </figure>
+            </div>
         </main>
     </body>
 </html>
\ No newline at end of file