diff --git a/assets/images/Banner-Bottom-Mobile.png b/assets/images/Banner-Bottom-Mobile.png
new file mode 100644
index 0000000..50df8d7
Binary files /dev/null and b/assets/images/Banner-Bottom-Mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index d866681..dec95a6 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -184,12 +184,12 @@ body{
     display: flex;
     justify-content: center;
     width: 100%;
-    margin-bottom: 6.1%;
 }
 
-.bottom-infocard-image{
+.bottom-infocard-image-desktop{
     width: 75%;
     display: block;
+    margin-bottom: 6.1%;
 }
 
 .page-footer{
@@ -300,6 +300,7 @@ body{
     .bottom-cards{
         flex-direction: column;
         align-items: center;
+        margin-bottom: 14%;
     }
     .bottom-card{
         width: 84.6%;
@@ -309,6 +310,7 @@ body{
         padding-bottom: 3.5%;
     }
     .bottom-card-image{
+        display: block;
         width: 100%;
         padding-top: 29%;
     }
@@ -318,12 +320,30 @@ body{
         margin: 0 0 14%;
         padding: 0 1%;
     }
+    .bottom-infocard-image-desktop{
+        display: none;
+    }
+    .bottom-infocard-text{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 85%;
+        margin: 12% 0 19.8%;
+    }
+    .bottom-infocard-title{
+        font-size: 24px;
+        line-height: 29px;
+        margin-bottom: 2.2%;
+    }
 
 }
 @media screen and (min-width: 1025px){
     .main-banner-mobile{
         display: none;
     }
+    .bottom-infocard-image-mobile{
+        display: none;
+    }
 }
 
 @media screen and (min-width: 2500px){
diff --git a/index.html b/index.html
index e49e857..8ddbd0f 100644
--- a/index.html
+++ b/index.html
@@ -122,6 +122,9 @@
         </section>
 
         <section class="bottom-infocard">
+            <figure class="bottom-infocard-images">
+                <img class="bottom-infocard-image-mobile" src="/assets/images/Banner-Bottom-Mobile.png" alt="Banner do Infocard de Baixo Mobile">
+            </figure>
             <div class="bottom-infocard-text">
                 <h2 class="bottom-infocard-title">Lorem ipsum dolor sit amet</h2>
                 <p class="bottom-infocard-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. 
@@ -129,7 +132,7 @@
                     Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.</p>
             </div>
             <figure class="bottom-infocard-images">
-                <img class="bottom-infocard-image" src="/assets/images/Banner-Bottom-Desktop.png" alt="Banner do Infocard de Baixo">
+                <img class="bottom-infocard-image-desktop" src="/assets/images/Banner-Bottom-Desktop.png" alt="Banner do Infocard de Baixo Desktop">
             </figure>
         </section>