diff --git a/assets/images/article-image-mobile.png b/assets/images/article-image-mobile.png
new file mode 100644
index 0000000..b3ddd7b
Binary files /dev/null and b/assets/images/article-image-mobile.png differ
diff --git a/index.html b/index.html
index bb0959f..2cd219b 100644
--- a/index.html
+++ b/index.html
@@ -128,11 +128,11 @@
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. 
                         Quisque  a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
                         Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
-                        Lorem ipsum dolor sit amet
                     </p>
                 </div>
                 <figure class="article-image">
                     <img src="./assets/images/article-image.png" alt="Varias telas de monitores desfocada">
+                    <img class="image-mobile" src="./assets/images/article-image-mobile.png" alt="Um oculos na frente de um monitor com a tela desfocada">
                 </figure>
             </article>
         </main>
diff --git a/styles/style.css b/styles/style.css
index 360e2ad..534e3c1 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -71,8 +71,7 @@ main section.container-description .description-text h2.description-title span.d
 }
 
 main section.container-description .description-text p.description{
-    width: 100%;
-    max-width: 766px;
+    width: 40%;
     line-height: 24px;
     font-weight: 400;
     padding: 28px 0 73px;
@@ -171,6 +170,10 @@ main article.container-article figure.article-image{
     justify-content: center;
 }
 
+main article.container-article figure.article-image img.image-mobile{
+    display: none;
+}
+
 main article.container-article figure.article-image img{
     width: 100%;
 }