feat(main): Adiciona 3 imagens do mini banner central desktop

assets/styles/style.css

@@ -119,6 +119,30 @@ a {
     padding-bottom: 27px;
 }
 
+/* MAIN - TRÊS IMAGENS MINI BANNER CENTRAL */
+
+.mini-banner-container {
+    background: #E0E0E0;
+}
+
+.mini-banner-wrapper {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    bottom: -62px; 
+    gap: 39px; 
+}
+
+.mini-banner {
+    width: 29%;
+}
+
+.mini-banner-image {
+    display: block;
+    width: 100%;
+}
+
 /* MOBILE */
 
 @media (max-width: 1024px) {

index.html

@@ -71,6 +71,22 @@
                     </figcaption>
                 </figure>
             </div>
+
+            <div class="mini-banner-container">
+                <div class="mini-banner-wrapper">
+                    <figure class="mini-banner">
+                        <img class="mini-banner-image" src="./assets/images/mini-banner-01.png" alt="Primeira Imagem Mini Banner"/>
+                    </figure>
+
+                    <figure class="mini-banner">
+                        <img class="mini-banner-image" src="./assets/images/mini-banner-02.png" alt="Segunda Imagem Mini Banner"/>
+                    </figure>
+
+                    <figure class="mini-banner">
+                        <img class="mini-banner-image" src="./assets/images/mini-banner-03.png" alt="Terceira Imagem Mini Banner"/>
+                    </figure>
+                </div>
+            </div>
         </main>
     </body>
 </html>