diff --git a/index.html b/index.html
index 589588a..ee5c4e2 100644
--- a/index.html
+++ b/index.html
@@ -18,5 +18,12 @@
         <img src="./src/assets/svg/logo.svg" alt="Logo M3">
       </a>
     </header>
+
+    <main>
+      <section class="sessao1">
+        <img src="./src/assets/img/fundo-desktop.png" class="fundo-desktop" alt="Programação">
+        <img src="./src/assets/img/fundo-mobile.png" class="fundo-mobile" alt="Programação">
+      </section>
+    </main>
   </body>
 </html>
\ No newline at end of file
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 762ba47..5af3ce8 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -18,3 +18,24 @@ header {
   align-items: center;
   background-color: #000;
 }
+
+/* SECTION1 */
+
+.sessao1 img {
+  width: 100%;
+  height: auto;
+}
+
+/* RESPONSIVIDADE -> CELULAR */
+
+@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