assets/styles.css/main.css

@@ -58,6 +58,10 @@ body {
     display: block;
 }
 
+.top-infocard-image {
+    padding: 73px 0 179px 0;
+}
+
 @media screen and (max-width: 414px) {
     .main-banner-desktop {
         display: none;
@@ -84,6 +88,11 @@ body {
         font-size: 16px;
         text-align: center;
     }
+
+    .top-infocard-image {
+        max-width: 239px;
+        padding: 64px 0 90px 0;
+    }
 }
 
 @media screen and (min-width: 768px) {

index.html

@@ -37,6 +37,9 @@
                     <p class="top-infocard-description">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.  
                     </p>
+                    <div>
+                        <img class="top-infocard-image" src="./assets/images/top-infocard-image.png" alt="Primeira infocard do topo">
+                    </div>
                 </div>
             </section>
         </main>