Fix the home banners on homepage

diff --git a/app/static/src/sass/modules/_banner.scss b/app/static/src/sass/modules/_banner.scss
index f3b22893c5b6903161a9bd5686443fdfb37db121..e3114c95398e8c7e8452683367611e9991c81f28 100644 (file)
--- a/app/static/src/sass/modules/_banner.scss
+++ b/app/static/src/sass/modules/_banner.scss
@@ -18,6 +18,12 @@ $module: ".banner";
 
     }
 
+    @include mq($until: sm) {
+
+        height: auto;
+
+    }
+
     &:hover {
 
         #{$module}__title:after {
@@ -102,6 +108,13 @@ $module: ".banner";
         height: 100%;
         z-index: 2;
 
+        @include mq($until: sm) {
+
+            height: auto;
+            position: relative;
+
+        }
+
         @include padding(1);
         padding-top: 120px;
         text-align: center;
@@ -116,6 +129,7 @@ $module: ".banner";
 
         @include mq($until: sm) {
             padding-top: 75px;
+            padding-bottom: 75px;
         }
 
     }