assets/styles/styles.css

@@ -12,3 +12,33 @@ header {
   height: 100px;
   background: #000000;
 }
+
+.banner-desktop {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+
+.banner-desktop figure img {
+  width: 100%;
+}
+
+.banner-mobile {
+  display: none;
+}
+
+@media (max-width: 414px) {
+  .banner-desktop {
+    display: none;
+  }
+
+  .banner-mobile {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+  }
+
+  .banner-mobile figure img {
+    width: 100%;
+  }
+}

index.html

@@ -18,5 +18,21 @@
         />
       </a>
     </header>
+    <div class="banner-desktop">
+      <figure>
+        <img
+          src="./assets/images/banner-desktop.svg"
+          alt="Banner da landing page"
+        />
+      </figure>
+    </div>
+    <div class="banner-mobile">
+      <figure>
+        <img
+          src="./assets/images/banner-mobile.svg"
+          alt="Banner da landing page"
+        />
+      </figure>
+    </div>
   </body>
 </html>