update theme

frontend/src/styles/pages/main.css

@@ -172,6 +172,8 @@
 
 .banner-left a {
   display: flex;
+  width: 100%;
+  height: 100%;
 }
 
 .banner-middle {
@@ -223,6 +225,25 @@
 }
 
 @media (max-width: 767px) {
+  .banner-middle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+  }
+
+  .banner-middle img {
+    width: auto;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    max-height: 100%;
+  }
+
   .content-right__most-read {
     display: none;
   }
@@ -236,11 +257,11 @@
   }
 
   .item-video__video-wrapper {
-    height: 208px;
+    height: auto;
   }
 
   .item-video__video-wrapper>img {
-    position: absolute;
+    position: relative;
   }
 
   .articles-preview__show-next {