assets/styles/main.css

@@ -192,6 +192,10 @@ body {
     width: 100%;
 }
 
+.article-figure-mobile{
+    width: 100%;
+}
+
 /*4k*/
 @media screen and (min-width: 2500px) {
     .top-infocard-subtitle{
@@ -318,6 +322,34 @@ body {
         font-size: 14px;
     }
 
+    .article-figure{
+        display: none;
+    }
+
+    .article{
+        margin-top: 98px;
+    }
+
+    .article-banner-mobile{
+        width: 100%;
+    }
+
+    .article-text{
+        width: 84.54%;
+        margin-top: 50px;
+    }
+
+    .article-title{
+        font-size: 24px;
+        line-height: 29px;
+        margin-bottom: 9px;
+    }
+
+    .article-description{
+        padding: 0;
+        margin-bottom: 87px;
+    }
+    
 }
 
 /*DESKTOP*/
@@ -325,4 +357,8 @@ body {
     .banner-main-mobile{
         display: none;
     }
+
+    .article-figure-mobile{
+        display: none;
+    }
 }

index.html

@@ -98,6 +98,10 @@
             </div>
 
             <article class="article">
+                <figure class="article-figure-mobile">
+                    <img class="article-banner-mobile" src="/assets/images/banner-article-mobile.png" alt="Banner de computadores">
+                </figure>
+
                 <div class="article-text">
                     <h3 class="article-title">
                         Lorem ipsum dolor sit amet