Ajusta imagens do banner para desktop

assets/styles/style.css

@@ -174,13 +174,29 @@ body{
     margin-bottom: 50px;
 }
 
-.final-card-image{
+.final-card-image-desktop{
     width: 70%;
     margin-bottom: 116px;
 }
 
+@media screen and (max-width:414px) {
+    .main-banner-desktop, .final-card-image-desktop {
+        display: none;
+    }
+
+    .main-banner-mobile, .final-card-image-mobile {
+        max-width: 100%;
+    }
+
+    .final-card-image-mobile{
+        margin-bottom: 50px;
+    }
+    
+} 
+
 @media screen and (max-width:768px){
 
+
     .final-card-info{
         max-width: 350px;
     }
@@ -227,6 +243,9 @@ body{
 
 @media screen and (max-width:992px) {
     
+    .top-infocard-image{
+        width: 40%;
+    }
     .second-card{
         grid-template-columns: 1fr;
         margin: 0 23px;
@@ -262,6 +281,13 @@ body{
         padding: 35px 33px;
     }
 }
+
+@media screen and (min-width:415px){
+    .main-banner-mobile, .final-card-image-mobile {
+        display: none;
+    }
+}
+
 @media screen and (min-width:2500px){
     
     .top-infocard-text {

index.html

@@ -24,6 +24,7 @@
 
         <div>
             <img class="main-banner-desktop" src="./assets/img/main-banner-desktop.png" alt="Banner Principal"/>
+            <img class="main-banner-mobile" src="./assets/img/main-banner-mobile.png" alt="Banner Principal"/>
         </div>
 
         <section class="top-infocard">
@@ -110,6 +111,9 @@
         </section>
 
         <section class="final-card">
+            
+            <img class="final-card-image-mobile" src="./assets/img/final-photo-mobile.png" alt="Banner final da pagina"  />
+
             <div class="final-card-info">
                 <h1 class="final-card-title" >Lorem ipsum dolor sit amet</h1>
                 <p class="final-card-text">
@@ -121,7 +125,7 @@
                 </p>
             </div>
 
-            <img class="final-card-image" src="./assets/img/final-photo.png" alt="Banner final da pagina"  />
+            <img class="final-card-image-desktop" src="./assets/img/final-photo-desktop.png" alt="Banner final da pagina"  />
         </section>
 
     </body>