Adicionar os banners principais deskptop e mobile

assets/styles/style.css

@@ -14,3 +14,20 @@
 .header-logo {
     display: block;
 }
+
+.main-banner {
+    width: 100%;
+}
+
+
+@media screen and (max-width: 414px) {
+    .main-banner-desktop {
+        display:none;
+    }
+}
+
+@media screen and (min-width: 414px) {
+    .main-banner-mobile {
+        display: none;
+    }
+}

index.html

@@ -17,7 +17,10 @@
         
     </header>
     <main>
-
+        <section>
+            <img class="main-banner-desktop" src="assets/main-banner-desktop.png" alt="Banner principal">
+            <img class="main-banner-mobile" src="assets/main-banner-mobile.png" alt="Banner principal">
+        </section>
     </main>
     <footer>