diff --git a/assets/imagens/banner-principal.png b/assets/imagens/banner-principal-desktop.png
similarity index 100%
rename from assets/imagens/banner-principal.png
rename to assets/imagens/banner-principal-desktop.png
diff --git a/assets/imagens/banner-principal-mobile.png b/assets/imagens/banner-principal-mobile.png
new file mode 100644
index 0000000..098a4dc
Binary files /dev/null and b/assets/imagens/banner-principal-mobile.png differ
diff --git a/assets/style.css b/assets/style.css
index 6be392e..2d348ab 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -86,7 +86,7 @@
 
 }
 
-@media screen and (max-width:820px) {
+@media screen and (max-width:1024px) {
     
     .main-title{
         padding: 73px 0 65px;
diff --git a/index.html b/index.html
index 23c3e5d..b5a347e 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,9 @@
     <main>
 
         <picture>
-            <img class="main-banner" src="assets/imagens/banner-principal.png" alt="banner m3">
+            <source media="(max-width: 1024px)" srcset="assets/imagens/banner-principal-mobile.png">
+            <img class="main-banner" src="assets/imagens/banner-principal-desktop.png" alt="banner m3">
+        
         </picture>
 
 
@@ -68,6 +70,8 @@
                 </div>
             </div>
         </section>
+
+
     </main>
 
 </body>