diff --git a/image/img-pc-1.png b/image/img-pc-1.png
new file mode 100644
index 0000000..3fd3851
Binary files /dev/null and b/image/img-pc-1.png differ
diff --git a/image/img-pc-2.png b/image/img-pc-2.png
new file mode 100644
index 0000000..b8b9043
Binary files /dev/null and b/image/img-pc-2.png differ
diff --git a/image/img-pc-3.png b/image/img-pc-3.png
new file mode 100644
index 0000000..babc07d
Binary files /dev/null and b/image/img-pc-3.png differ
diff --git a/index.html b/index.html
index dcfbdec..5fd7277 100644
--- a/index.html
+++ b/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>
\ No newline at end of file
diff --git a/style.css b/style.css
index ee7b080..4f5b24b 100644
--- a/style.css
+++ b/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{