assets/styles/styles.css

@@ -7,6 +7,7 @@
     color: #000000;
 }
 /*Definindo estilos gerais*/
+.galeria-content,
 .content,
 .top-infocard,
 .page-banner-principal-mobile,
@@ -79,6 +80,7 @@
     align-items: center;
     justify-content: center;
     gap: 20px;
+    padding: 80px 0;
 }
 
 .box{
@@ -98,6 +100,12 @@
     text-align: center;
 }
 
+/*Estilo da galeria*/
+
+.galeria-content{
+    background: #E0E0E0;
+}
+
 @media screen and (max-width: 1024px){
     .page-banner-principal-mobile{
         display: block;

index.html

@@ -58,6 +58,13 @@
                     <figcaption class="box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
                 </div>
             </div>
+
+            <!--Galeria de imagens-->
+            <div class="galeria-content">
+                <figure><img src="" alt=""></figure>
+                <figure><img src="" alt=""></figure>
+                <figure><img src="" alt=""></figure>
+            </div>
         </main>
     </body>
 </html>