Adiciona block e seus aspectos

index.html

@@ -24,6 +24,11 @@
                 <p class="first-content-p">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>
         </section>
+        <section>
+            <picture>
+                <img src="assets/images/computers.svg" alt="computers image" class="block">
+            </picture>
+        </section>
     </main>
 </body>
 </html>

styles/style.css

@@ -55,3 +55,33 @@
     font-size: 16px;
     padding-top: 28px;
 }
+
+.block {
+    width: 50%;
+    max-width: 315px;
+    display: block;
+    margin: auto;
+    padding: 73px 0px;
+}
+
+@media screen and (max-width: 414px) {
+    .first-content-text {
+        max-width: 367px;
+        padding: 0px 29px;
+    }
+
+    .first-content-h2 {
+        font-size: 20px;
+        line-height: 24px;
+    }
+
+    .first-content-h1 {
+        font-size: 28px;
+        line-height: 34px;
+    }
+
+    .first-content-p {
+        text-align: center;
+    }
+
+}