feat: ajustando o bottom apos erros na imagem

html/index.html

@@ -179,17 +179,13 @@
     </section>
 
     <section class="bottom-infocard">
-        
-        <figure>
-          <img class="bottom-infocard-img-mobile" src="" alt="">
 
-        </figure>
-        
-        <figure>
-          <img class="bottom-infocard-image" src="/assents/assents-img/bottom-inforcard-99.png"
-          alt="imagem de oculos sobre o computador">
 
-        </figure>
+      <figure class="bottom-infocard-img-mobile">
+        <img src="" alt="">
+
+      </figure>
+
 
       <div class="bottom-inforcard-text">
         <h2 class="bottom-infocard-title">
@@ -206,6 +202,15 @@
       </div>
 
 
+      <figure>
+        <img class="bottom-infocard-image" src="/assents/assents-img/bottom-inforcard-99.png"
+          alt="imagem de oculos sobre o computador">
+
+      </figure>
+
+
+
+
     </section>
 
 

html/main.styles/style.css

@@ -30,7 +30,8 @@
   width: 100%;
 }
 
-.main-banner-mobile {
+.main-banner-mobile,
+.bottom-infocard-img-mobile {
   display: none;
 }
 
@@ -176,17 +177,18 @@
 
 /*////////////////section bottom 03///////////////////*/
 .bottom-infocard {
-  padding: 142px 12px 179px 12px;
+  padding: 108px 0px 116px 0px;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
-  gap: 40px;
+
   background: #ffffff;
 }
 
 .bottom-infocard-image {
   display: block;
-  
+
   width: 100%;
 }
 
@@ -197,13 +199,18 @@
 
 .bottom-infocard-title {
   font-size: 32px;
-  line-height: 36px;
+  line-height: 39px;
   margin-bottom: 18px;
+  text-align: center;
 }
 
 .bottom-infocard-description {
   max-width: 550px;
   line-height: 24px;
+  text-align: center;
+  font-size: 16px;
+
+  margin-bottom: 50px;
 }
 
 /*/////////////////  FOOTER /////////////////*/
@@ -269,7 +276,7 @@
   }
 
   .main-banner-mobile,
-  .middle-banner-mobile {
+  .bottom-infocard-img-mobile {
     display: block;
   }