update ad-operation banner

static/css/style.css

@@ -1141,22 +1141,25 @@
   width: 100%;
   position: absolute;
   z-index: 100;
-  left: -20px;
-  top: -90px;
+  left: -55px;
+  top: -60px;
 }
-@media (max-width: 1200px) {
+@media (max-width: 991px) {
   #ad-operation .header .banner .text {
-    top: -70px;
+    left: -45px;
+    top: -35px;
   }
 }
 @media (max-width: 767px) {
   #ad-operation .header .banner .text {
-    top: -40px;
+    left: -30px;
+    top: -20px;
   }
 }
 @media (max-width: 575px) {
   #ad-operation .header .banner .text {
-    top: -25px;
+    left: -15px;
+    top: -15px;
   }
 }
 #ad-operation .header .banner .slogen {

static/css/style.scss

@@ -172,8 +172,8 @@
     border-radius: 100%;
     box-shadow: rgb(0 0 0 / 10%) 0px 1px 6px, rgb(0 0 0 / 20%) 0px 2px 24px;
     background-image: linear-gradient(-225deg, rgb(241, 95, 121) 35%, rgb(178, 69, 146) 100%);
-    &:hover{
-      opacity: .9;
+    &:hover {
+      opacity: 0.9;
     }
     img {
       cursor: pointer;
@@ -1162,16 +1162,19 @@
         width: 100%;
         position: absolute;
         z-index: 100;
-        left: -20px;
-        top: -90px;
-        @media (max-width: 1200px) {
-          top: -70px;
+        left: -55px;
+        top: -60px;
+        @media (max-width: 991px) {
+          left: -45px;
+          top: -35px;
         }
         @media (max-width: 767px) {
-          top: -40px;
+          left: -30px;
+          top: -20px;
         }
         @media (max-width: 575px) {
-          top: -25px;
+          left: -15px;
+          top: -15px;
         }
       }
       .slogen {