'banner'

assets/stylesheets/template/layout/content.scss

@@ -142,7 +142,7 @@
     position: absolute;
     left: 48.8%;
     bottom: 10%;
-    z-index:2;
+    z-index:100;
     display: block;
     cursor: pointer;
     @media(max-width:$screen-xs){

assets/stylesheets/template/modules/ad_banner.scss

@@ -24,6 +24,7 @@ iframe{
 .w-ba-banner {
   position: relative;
   overflow: hidden;
+  width: 100%;
   .cursor {
     cursor: pointer;
   }
@@ -68,7 +69,7 @@ iframe{
   @include list-reset;
   position: absolute;
   bottom: 0.5rem!important;
-  z-index: 200;
+  z-index: 1000;
   text-align:center;
   width: 100%;
   li {
@@ -298,11 +299,15 @@ ul.button-mid{
     }
     }
 }
+
 // Widget 1
-.ba-banner-widget-1 {
+.ad-banner-widget-1 {
   .banner-overlay{
     padding: 3.5em 5em;
     background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
+    position: absolute;
+    z-index: 999;
+    color: #fff;
   }
   .w-ba-banner__caption {
 

modules/ad_banner/_ad_banner_widget1.html.erb

@@ -1,4 +1,4 @@
-<div class="w-ad-banner w-ba-banner ad-banner-widget-1 ba-banner-widget-1">
+<div class="w-ad-banner w-ba-banner ad-banner-widget-1 ">
   <div class="w-ad-banner__wrap  w-ba-banner__wrap  cycle-slideshow"
       data-list="images"
       data-level="0"