feat(section) feito section img computadores coloridos

index.html

@@ -60,6 +60,19 @@
     </div>
 
 
+    <div class="div-background">
+        <figure class="figure-img">
+            <img class="img-figure" src="./image/img-pc-1.png" alt="Imagem 1 notebooke colorido">
+        </figure>
+        <figure class="figure-img">
+            <img class="img-figure"  src="./image/img-pc-2.png" alt="Imagem 2 notebooke colorido">
+        </figure>
+        <figure class="figure-img">
+            <img class="img-figure" src="./image/img-pc-3.png" alt="Imagem 3 notebooke colorido">
+        </figure>
+    </div>
+
+
 
 </body>
 </html>

style.css

@@ -35,6 +35,9 @@ body html{
 
 
 
+
+
+
 .section-3pc{
     display: flex;
     flex-direction: column;
@@ -78,6 +81,10 @@ body html{
 
 
 
+
+
+
+
 .div-icon{
 
 }
@@ -107,6 +114,30 @@ body html{
 }
 
 
+
+
+
+
+
+.div-background{
+    background-color: #E0E0E0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 39px;
+    margin-top: 80px;
+}
+.figure-img{
+    position: relative;
+    top: 62px;
+    width: 30%;
+}
+.img-figure{
+    width: 100%;
+}
+
+
 /*MEDIA SCREEN*/
 @media screen and (max-width: 1024px){
 .img-logo{