agg background to header

css/styles.css

@@ -79,6 +79,20 @@ header {
     margin-bottom: 0;
   }
 }
+.background-banner {
+  background-image: url("../img/banner-background.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-position: center;
+  margin-top: -733px;
+  opacity: 0.5;
+  margin-right: 0;
+  margin-left: 0;
+}
+.ooo {
+  width: 100%;
+  height: 733px;
+}
 .bbb {
   height: 733px;
   color: red;
@@ -89,6 +103,7 @@ header {
   }
 }
 .main-container {
+  position: relative;
   max-width: 1250px;
   margin: 0 auto;
   padding-left: 15px;
@@ -704,10 +719,6 @@ header {
 .price-wrapper {
   display: flex;
   justify-content: space-between;
-  /*@media (max-width: 576px) {
-    position: absolute;
-    display: none;
-  }*/
 }
 .price-container,
 .price-container-active {

css/styles.less

@@ -76,6 +76,20 @@ header {
     margin-bottom: 0;
   }
 }
+.background-banner {
+  background-image: url("../img/banner-background.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-position: center;
+  margin-top: -733px;
+  opacity: 0.5;
+  margin-right: 0;
+  margin-left: 0;
+}
+.ooo {
+  width: 100%;
+  height: 733px;
+}
 .bbb {
   height: 733px;
   color: red;
@@ -84,6 +98,7 @@ header {
   }
 }
 .main-container {
+  position: relative;
   max-width: 1250px;
   margin: 0 auto;
   padding-left: 15px;
@@ -576,10 +591,6 @@ header {
 .price-wrapper {
   display: flex;
   justify-content: space-between;
-  /*@media (max-width: 576px) {
-    position: absolute;
-    display: none;
-  }*/
 }
 .price-container, .price-container-active {
   position: relative;

index.html

@@ -16,6 +16,11 @@
         <div class="bbb">hhhhh
         </div>
     </div>
+    <div class="background-banner">
+        <div class="ooo">
+            jjjj
+        </div>
+    </div>
 </header>
 <section class="main-container">
     <h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>