diff --git a/assets/images/middle-banner-03-mobile.png b/assets/images/middle-banner-03-mobile.png
new file mode 100644
index 0000000..088b28e
Binary files /dev/null and b/assets/images/middle-banner-03-mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index c750ba8..52c89e1 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -201,4 +201,19 @@ body{
     .cartao{
         width: 84%;
     }
+
+    #image-02{
+        order:-1;
+    }
+
+    #image-03{
+        grid-area: 2/1/2/3;
+    }
+
+    .middle-banners-wrapper{
+        grid-template-columns: repeat(2, 43%);
+        column-gap: 14px;
+        row-gap: 24px;
+    }
+    
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 80a8c57..1bccd7f 100644
--- a/index.html
+++ b/index.html
@@ -87,11 +87,11 @@
                     <img class="middle-banners-image" src="./assets/images/middle-banner-01.png" alt="Primeiro Banner do meio">
                 </figure>
                 
-                <figure>
+                <figure id="image-02">
                     <img class="middle-banners-image" src="./assets/images/middle-banner-02.png" alt="Segundo Banner do meio">
                 </figure>
 
-                <figure>
+                <figure id="image-03">
                     <img class="middle-banners-image" src="./assets/images/middle-banner-03.png" alt="Terceiro Banner do meio">
                 </figure>
                 </div>