{% set seperator = '/' %}

{% if not bgImageWidth %}
{% set bgImageWidth = '120' %}
{% endif %}
{% if not bgImageHeight %}
{% set bgImageHeight = '120' %}
{% endif %}

{% if not bgImageTopPosition %}
{% set bgImageTopPosition = '0' %}
{% endif %}
{% if not bgImageLeftPosition %}
{% set bgImageLeftPosition = '0' %}
{% endif %}



{% if not bgImageContainerHeight %}
{% set bgImageContainerHeight = '800' %}
{% endif %}

{% if not bgImageContainerWidth %}
{% set bgImageContainerWidth = '80' %}
{% endif %}

{% if not bgImagePosition %}
{% set bgImagePosition = 'relative' %}
{% endif %}

{% if not bgImageContainerLeft %}
{% set bgImageContainerLeft = '' %}
{% endif %}
{% if not bgImageContainerRight %}
{% set bgImageContainerRight = '' %}
{% endif %}
{% if not bgImageContainerTop %}
{% set bgImageContainerTop = '' %}
{% endif %}
{% if not bgImageContainerBottom %}
{% set bgImageContainerBottom = '-50' %}
{% endif %}


{% if not bgImageSize %}
{% set bgImageSize = 'contain' %}
{% endif %}



{% if bgImagePath %}
    {% set imagePath = bgImagePath %}
    {% set bgImageWidth = '' %}
    {% set bgImageHeight = '' %}
    {% set seperator = '' %}
{% else %}
    {% set imagePath = 'https://placekitten.com/g/' %}
{% endif %}

{% if not mobileImageType %}
  {% set mobileImageType = 'left' %}
{% endif %}
<!-- element-background-image -->
<!-- background-image definition via inline-style -->
<!-- including container dimensions & position -->
<!-- including image dimensions, position & background-sizing -->
<div class="bg-image-container mobile-image-type-{{mobileImageType}}" style="margin-top:{{ bgImageContainerTop }}px; margin-bottom:{{ bgImageContainerBottom }}px; margin-left:{{ bgImageContainerLeft }}px; margin-right:{{ bgImageContainerRight }}px; width:{{ bgImageContainerWidth }}%; height:{{ bgImageContainerHeight / 2 }}px; ">
    <div class="element-background-image element-background lazy-background" style="background-position: {{ bgImageTopPosition }} {{ bgImageLeftPosition }}; width: 100%; height: 100%; position: {{ bgImagePosition }}; background-size: {{ bgImageSize }}" data-src="{{ imagePath }}"></div>
</div>

<!-- END: element-background-image -->