update theme

frontend/src/styles/components/article-item.css

@@ -119,6 +119,10 @@
 }
 
 @media (max-width: 767px) {
+  .article-item__image-container img {
+    height: auto;
+  }
+
   .articles-preview {
     margin: 0 -2rem;
   }

frontend/src/styles/components/banner.css

@@ -9,10 +9,27 @@
 
 .banner--header img {
   min-height: 100%;
+  max-height: 100%;
+}
+
+.banner--header a {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
 }
 
 @media (max-width: 767px) {
   .banner--header {
     height: 8rem;
+    position: relative;
+  }
+
+  .banner--header img {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    max-height: 100%;
   }
 }

frontend/src/styles/components/select.css

@@ -50,6 +50,7 @@
     padding: 0 0.9rem;
     color: #2F2F2F;
     margin-top: 0.5rem;
+    align-items: center;
 }
 
 .ss-content .ss-list .ss-option:hover {

frontend/src/styles/layout/header/header.ts

@@ -1,9 +0,0 @@
-const headerBurger = document.querySelector('.header__burger');
-const mobileHeader = document.querySelector('.header-mobile');
-
-if (headerBurger && mobileHeader) {
-    headerBurger.addEventListener('click', () => {
-        mobileHeader.classList.toggle('is-active');
-        headerBurger.classList.toggle('is-active');
-    });
-}

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 {