feat: Ajuste banner desktop e mobile

assets/styles/main.css

@@ -21,4 +21,17 @@ body {
 
 .header-logo {
     display: block;
+}
+
+/*Adiciona banner principal*/
+.main-banner {
+    display: block;
+    width: 100%;
+}
+
+/*Media Querie*/
+@media screen and (max-width: 414px) {
+    .main-banner {
+        content: url('../imagens/main-banner-mobile.png');
+    }
 }

index.html

@@ -18,5 +18,12 @@
                 <img class="header-logo" src="assets/imagens/logo-m3.svg" alt="Logo M3" />
             </a>
         </header>
+
+        <main>
+            <!--Adiciona banner principal-->
+            <figure>
+                <img class="main-banner" src="assets/imagens/main-banner.png" alt="Banner Principal" />
+            </figure>
+        </main>
     </body>
 </html>