feat(home):adicao do banner principal versao desktop e mobile

assets/style/style.css

@@ -13,4 +13,25 @@
 
 .header-logo{
     display: block;
-}
+}
+
+.main-banner{
+    width: 100%;
+}
+
+
+/*MEDIAS*/
+
+@media screen and (max-width:414px) {
+    .main-banner-desktop{
+        display: none;
+    }
+    
+}
+
+@media screen and (min-width: 415px){
+    .main-banner-mobile{
+        display: none;
+    }
+}
+

index.html

@@ -13,6 +13,13 @@
                 <img class="header-logo" src="./assets/images/Logo-M3Academy 1.svg" alt="Logo da M3 Academy"/>
             </a>
         </header>
+
+        <main>
+            <section>
+                <img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Imagem de uma mesa de trabalho com um computador ligado"/>
+                <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Imagem de uma mesa de trabalho com um computador ligado">
+            </section>
+        </main>
         
     </body>
 </html>