diff --git a/index.html b/index.html
index 5dca49a..b81e34c 100644
--- a/index.html
+++ b/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>
\ No newline at end of file
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 6961313..0c886db 100644
--- a/src/assets/css/style.css
+++ b/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;
+  }
 }
\ No newline at end of file