{% if baner %}
<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__content">
    <span class="banner__text">{{ baner.text }}</span>
    <a href="{{ baner.url }}" class="banner__link">{{ baner.button_text }}</a>
  </div>
  {% endif %}
  <a href="#" class="banner__hide">Скрыть баннер</a>
</div>
{% endif %}