feat(img): Adicionado img segundo notebook desktop e mobile

assets/styles/style.css

@@ -80,11 +80,19 @@ html, body{
    line-height: 24px;
    text-align: center;
 }
+/*----------------------------------------------------------------*/
+
+.img-pc{
+   width: 100%;
+}
 
 @media screen and (max-width: 1024px) {
    .main-banner-desktop{
       display: none;
    }
+   .img-pc-descktop{
+      display: none;
+   }
    .top-infocard{
       flex-direction: column;
       margin-top: 54px;
@@ -117,13 +125,9 @@ html, body{
    .section-background{
       display: flex;
       flex-direction: column;
-      padding: 36px 0;
+      padding: 36px 32px;
       align-items: center;
    }
-
-
-
-
 }
 
 
@@ -131,6 +135,9 @@ html, body{
    .main-banner-mobile{
       display: none;
    }
+   .img-pc-mobile{
+      display: none;
+   }
    
 }
    

index.html

@@ -64,6 +64,12 @@
 
     </div>
 
+
+    <div>
+        <img class="img-pc img-pc-descktop" src="./assets/images/img-pc-descktop.png" alt="Imagem notebook tela colorida">
+        <img class="img-pc img-pc-mobile" src="./assets/images/img-pc-mobile.png" alt="Imagem notebook tela colorida">
+    </div>
+
 </body>
 
 </html>