LIL-696

project/templates/blocks/baner.html

@@ -1,11 +1,11 @@
 {% if baner %}
-<div class="banner" style="/* background-image: url(); */ display: none;" data-banner="{{baner.id}}">
+<div class="banner" data-banner="{{baner.id}}"
+     style="{% if not request.user_agent.is_mobile %}background-image: url({{ baner.image.url }});{% endif %} display: none;">
   {% if request.user_agent.is_mobile %}
   <a href="{{ baner.url }}">
     <img class="banner__image" src="{{ baner.image.url }}" />
   </a>
   {% else %}
-  <img class="banner__image" src="{{ baner.image.url }}" />
   <div class="banner__content">
     <span class="banner__text">{{ baner.text }}</span>
     <a href="{{ baner.url }}" class="banner__link">{{ baner.button_text }}</a>

web/src/sass/_common.sass

@@ -4296,19 +4296,22 @@ a
   height: 140px
   text-align: center
   color: #fff
-  background: white
+  background-color: white
+  background-repeat: no-repeat
+  background-position: center
+  background-size: cover
   +m
     height: auto
   &__image
-    height: 100%
     +m
-      height: auto
       width: 100%
       display: block
   &__content
     position: absolute
     width: 100%
-    margin-top: -110px
+    margin-top: 50px
+    +m
+      margin-top: -110px
   &__text
     font-size: 30px
     text-shadow: 0px 0px 3px rgba(0, 0, 0, 1)