styles/style.css

@@ -3,10 +3,20 @@
     box-sizing: border-box;
     font-family: 'Inter', sans-serif;
 }
+
 body{
     width: 100%;
 }
 
+figure{
+    display: flex;
+    justify-content: center;
+}
+
+img{
+    width: 100%;
+}
+
 .card{
     display: flex;
     flex-direction: column;
@@ -99,11 +109,11 @@ main section.container-cards .card{
 }
 
 main section.container-cards .card img.card-image{
+    width: fit-content;
     padding-top: 35px;
 }
 
 main section.container-cards .card figcaption.card-description{
-    
     padding: 30px 25px 27px 26px;
 }
 
@@ -125,18 +135,17 @@ main .container-three-images .three-images-wrapper{
     padding: 0 62px;
 }
 
-main .container-three-images .three-images-wrapper img{
-    width: 566px;
+/* Segundo container com cards */
+main section.container-cards.second{
+    padding-bottom: 0;
 }
 
-/* Segundo container com cards */
 main section.container-cards.second .card{
     width: 432px;
-    height: fit-content
+    height: fit-content;
 }
 
 main section.container-cards.second .card figcaption.card-description{
-    
     padding: 30px 32px 65px 33px;
 }
 
@@ -155,7 +164,6 @@ main article.container-article .article-text{
     align-items: center;
     text-align: center;
 
-
     padding-bottom: 50px;
 }
 
@@ -166,24 +174,15 @@ main article.container-article .article-text h3.article-title{
 }
 
 main article.container-article .article-text p.article-description{
-    margin-top: 35px;
+    padding-top: 35px;
     width: 100%;
     width: 40%;
 }
 
-main article.container-article figure.article-image{
-    display: flex;
-    justify-content: center;
-}
-
-main article.container-article figure.article-image img.image-mobile{
+main article.container-article figure.article-image-mobile{
     display: none;
 }
 
-main article.container-article figure.article-image img{
-    width: 100%;
-}
-
 /* Footer da pagina */
 footer{
     display: flex;