index.html

@@ -65,6 +65,11 @@
           </p>
         </div>
       </section>
+
+      <section class="section4">
+        <img src="./src/assets/img/fundo-desktop2.png" class="fundo-desktop2" alt="Programação">
+        <img src="./src/assets/img/fundo-mobile2.png" class="fundo-mobile2" alt="Programação">
+      </section>
     </main>
   </body>
 </html>

src/assets/css/style.css

@@ -25,7 +25,7 @@ header {
 
 /* SECTION 1 */
 
-.section1 img {
+.section1 img, .section4 img {
   width: 100%;
   height: auto;
 }
@@ -152,13 +152,13 @@ header {
 /* RESPONSIVIDADE -> CELULAR */
 
 @media screen and (max-width: 425px) {
-  .fundo-desktop {
+  .fundo-desktop, .fundo-desktop2 {
     display: none;
   }
 }
 
 @media screen and (min-width: 426px) {
-  .fundo-mobile {
+  .fundo-mobile, .fundo-mobile2 {
     display: none;
   }
 }