assets/styles/main.css

@@ -25,8 +25,16 @@ body {
     width: 100%;
  }
 
+ .main-banner {
+    width: 100%;
+}
+
  @media screen and (max-width: 768px) {
     .header-logo {
         padding: 24px 0 33px;
     }
+
+    .main-banner {
+        content: url('../image/main-banner-mobile.png');
+    }      
 }

index.html

@@ -21,6 +21,12 @@
         </header>
 
         <main>
+
+            <div>
+
+                <img class="main-banner" src="assets/image/main-banner-desktop.png" alt="Banner Principal">
+
+            </div>
             
         </main>