{% set renderSrc = runtimeConfig and src != '/' ? src|imagine_filter('media' ~ quality, runtimeConfig) : src %}

{% if not '.svg' in src %}
    <div class="position-relative d-inline-block loader-image-wrapper">

        <div class="vertical-align spinner-wrap">
            <div class="spinner-border" role="status">
                <span class="sr-only">{{ "Chargement..."|trans|raw }}</span>
            </div>
        </div>
{% endif %}

    {% if devMode %}

        <img data-src="{{ src }}"
             src="{{ asset('build/vendor/images/lazy-point.png', 'vendor') }}"
             {% if id %}id="{{ id }}"{% endif %}
             class="img-fluid{% if lazy %} lazyload{% endif %}{% if class %} {{ class }}{% endif %}"
             title="{{ title|striptags }}"
             alt="{{ title|striptags }}" />

    {% else %}

        <img data-src="{{ renderSrc }}"
             src="{{ asset('build/vendor/images/lazy-point.png', 'vendor') }}"
             {% if id %}id="{{ id }}"{% endif %}
             class="img-fluid{% if lazy %} lazyload{% endif %}{% if class %} {{ class }}{% endif %}"
             title="{{ title|striptags }}"
             alt="{{ title|striptags }}"
             width="{{ width }}"
             height="{{ height }}" />

    {% endif %}

{% if not '.svg' in src %}
    </div>
{% endif %}