index.html

@@ -16,5 +16,10 @@
         <img src="./src/assets/svg/logo.svg" alt="M3 Academy">
       </a>
     </header>
+
+    <section class="section1">
+      <img class="fundo-desktop" src="./src/assets/img/fundo-desktop.png" alt="Notebook na mesa">
+      <img class="fundo-mobile" src="./src/assets/img/fundo-mobile.png" alt="Notebook na mesa">
+    </section>
   </body>
 </html>

src/assets/css/style.css

@@ -17,4 +17,23 @@ header {
 
 header a {
   width: 11%;
+}
+
+/* SECTION 1 */
+
+.section1 img {
+  width: 100%;
+  height: 36%;
+}
+
+@media screen and (max-width: 425px) {
+  .fundo-desktop {
+    display: none;
+  }
+}
+
+@media screen and (min-width: 426px) {
+  .fundo-mobile {
+    display: none;
+  }
 }