diff --git a/assets/imagens/middle-banner-1.png b/assets/imagens/middle-banner-1.png
new file mode 100644
index 0000000..834d573
Binary files /dev/null and b/assets/imagens/middle-banner-1.png differ
diff --git a/assets/imagens/middle-banner-2.png b/assets/imagens/middle-banner-2.png
new file mode 100644
index 0000000..6561eb0
Binary files /dev/null and b/assets/imagens/middle-banner-2.png differ
diff --git a/assets/imagens/middle-banner-3.png b/assets/imagens/middle-banner-3.png
new file mode 100644
index 0000000..8eba01f
Binary files /dev/null and b/assets/imagens/middle-banner-3.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 9b2364a..ed85398 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -61,7 +61,7 @@ body{
     grid-template-columns: repeat(3, 1fr);
     gap: 21px;
     justify-content: center;
-    padding: 178px 20%;
+    padding: 178px 20% 80px;
 }
 .top-card{
     display: flex;
@@ -82,6 +82,17 @@ body{
     line-height: 24px;
     text-align: center;
 }
+.Banners-middle{
+    display: grid;
+    grid-area: 1fr 1fr 1fr;
+    justify-content: center;
+    gap: 36px;
+    background: #E0E0E0
+}
+.middle-banner{
+    display: block;
+    width: 100%;
+}
 
 @media screen and (min-width: 2500px) {
     .page-header{
diff --git a/index.html b/index.html
index 60007bd..d1a9dc0 100644
--- a/index.html
+++ b/index.html
@@ -42,23 +42,29 @@
                     </p>
                 </div>
 
-                <img class="top-infocard-image" src="./assets/imagens/top-infocard-image.png" alt="Imagem do infocard do topo"/>
+                <img class="top-infocard-image" src="./assets/imagens/top-infocard-image.png" alt="Imagem-do-infocard-do-topo"/>
             </section>
 
             <section class="top-cards">
                 <figure class="top-card card-1">
-                    <img class="top-card-image" src="./assets/imagens/top-card-image-1.svg" alt="Primeira card do topo"/>
+                    <img class="top-card-image" src="./assets/imagens/top-card-image-1.svg" alt="Primeira-card-do-topo"/>
                     <figcaption class="top-card-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
                 </figure>
                 <figure class="top-card card-2">
-                    <img class="top-card-image" src="./assets/imagens/top-card-image-2.svg" alt="Primeira card do topo"/>
+                    <img class="top-card-image" src="./assets/imagens/top-card-image-2.svg" alt="Segundo-card-do-topo"/>
                     <figcaption class="top-card-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
                 </figure>
                 <figure class="top-card card-3">
-                    <img class="top-card-image" src="./assets/imagens/top-card image-3.svg" alt="Primeira card do topo"/>
+                    <img class="top-card-image" src="./assets/imagens/top-card image-3.svg" alt="Terceiro-card-do-topo"/>
                     <figcaption class="top-card-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
                 </figure>
             </section>
+
+            <figure class="Banners-middle">
+                <img class="middle-banner" src="./assets/imagens/middle-banner-1.png" alt="Primeira-imagem-do-meio"/>
+                <img class="middle-banner" src="./assets/imagens/middle-banner-2.png" alt="Segunda-imagem-do-meio"/>
+                <img class="middle-banner" src="./assets/imagens/middle-banner-3.png" alt="Terceira-imagem-do-meio"/>
+            </figure>
         </main>
     </body>
     </html>
\ No newline at end of file