Merge branch 'feature/LIL-696' into 'master'

LIL-696

See merge request lilcity/backend!202

project/templates/blocks/baner.html

@@ -1,13 +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 }}" class="banner__image-wrap">
     <img class="banner__image" src="{{ baner.image.url }}" />
   </a>
   {% else %}
-  <div class="banner__image-wrap">
-    <img class="banner__image" src="{{ baner.image.url }}" />
-  </div>
   <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

@@ -4321,7 +4321,10 @@ 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-wrap
@@ -4332,15 +4335,15 @@ a
     width: 100%
     height: 100%
   &__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)