styles/main.css

@@ -1,3 +1,4 @@
+/*Header*/
 * {
     margin: 0;
     box-sizing: border-box;
@@ -14,4 +15,30 @@
     display: block;
 
     padding: 30px 0;
+}
+
+/*Main Banner*/
+.main-banner {
+    width: 100%;
+}
+
+.main-banner-desktop {
+    display: block;
+}
+
+.main-banner-mobile {
+    display: none;
+}
+
+@media screen and (max-width: 1024px) {
+    /*Banner*/
+    .main-banner-desktop {
+        display: none;
+    }
+
+    .main-banner-mobile {
+        display: block;
+        max-height: 598px;
+        object-fit: cover;
+    }
 }