Adicionado bottom-infocard desktop

assets/styles/main.css

@@ -146,16 +146,15 @@ body {
 
 .bottom-infocard {
   display: flex;
+  text-align: center;
   align-items: center;
-  justify-content: center;
   padding: 142px 0 180px;
-}
-
-.bottom-infocard-image {
-  margin-right: 40px;
+  justify-content: center;
+  flex-flow: column-reverse;
 }
 
 .bottom-infocard-text {
+  padding-bottom: 50px;
   max-width: 550px;
 }
 
@@ -221,6 +220,8 @@ body {
   .bottom-cards-wrapper {
     grid-template-columns: repeat(1, max-content);
   }
+
+
 }
 
 @media screen and (min-width: 769px) and (max-width: 1200px) {

index.html

@@ -133,7 +133,21 @@
                         fringilla interdum.
                     </p>
                 </div>
+            </div>
+        </section>
 
+        <section class="bottom-infocard">
+            <img class="bottom-infocard-image" src="/assets/images/bottom-info-card-desktop-image.png"
+                alt="Banner do Infocard de Baixo" />
+            <div class="bottom-infocard-text">
+                <h2 class="bottom-infocard-title">
+                    Lorem ipsum dolor sit amet.</h2>
+                <p class="bottom-infocard-description">
+                    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.
+                </p>
             </div>
         </section>
     </main>