diff --git a/assets/images/bot-infocard-image-mobile.png b/assets/images/bot-infocard-image-mobile.png
new file mode 100644
index 0000000..f4e55c5
Binary files /dev/null and b/assets/images/bot-infocard-image-mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 701e2bf..f776952 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -236,13 +236,15 @@ body{
 }
 
 @media screen and (min-width:1025px){
-    .main-banner-mobile{
+    .main-banner-mobile,
+    .bot-infocard-image-mobile{
         display: none;
     }
 }
 
 @media screen and (max-width:1024px) {
-    .main-banner-desktop{
+    .main-banner-desktop,
+    .bot-infocard-image-desktop{
         display: none;
     }
 
@@ -313,5 +315,13 @@ body{
     .bot-card-image-04{
         width: 23%;
     }
+
+    .bot-infocard{
+        flex-direction: column-reverse;
+        padding: 98px 0 87px;
+    }
+    .bot-infocard-text{
+        width: 84%;
+    }
     
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 1574a2b..78dfb61 100644
--- a/index.html
+++ b/index.html
@@ -144,11 +144,12 @@
                 </div>
                 
                 <figure class="bot-infocard-figure">
-                    <img class="bot-infocard-image" src="./assets/images/bot-infocard-image-desktop.png" alt="Imagem do Infocard do Bot">
+                    <img class="bot-infocard-image bot-infocard-image-desktop" src="./assets/images/bot-infocard-image-desktop.png" alt="Imagem do Infocard do Bot Desktop">
+                    <img class="bot-infocard-image bot-infocard-image-mobile" src="./assets/images/bot-infocard-image-mobile.png" alt="Imagem do Infocard do Bot">
                 </figure>
                 
             </article>
-                  
+
         </main>
 
     </body>