{# BLOCK IMAGE #}
{% import 'blocks\\settings.default.html.twig' as styles %}
    <section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="block-image {{ settings.extra_class|default }}">
    {% if fields.image != '' %}
        <div{% if settings.fullwidth|default(0) != 1 %} class="container"{% endif %}>
            <div class="{{ fields.align }}" >
            {% if fields.type|default == 'small' %}
                <picture>
                    <img loading="lazy" src="{{ fields.image|imagine_filter('small')|urldecode }}" alt="{{fields.image_alt|default}}" title="{{fields.image_title|default}}" class="img-fluid">
                </picture>
            {% elseif fields.type|default == 'medium' %}
                <picture>
                    <source media="(min-width: 390px)" srcset="{{ fields.image|imagine_filter('medium') }}">
                    <img loading="lazy" src="{{ fields.image|imagine_filter('small')|urldecode }}" alt="{{fields.image_alt|default}}" title="{{fields.image_title|default}}" class="img-fluid">
                </picture>
            {% elseif fields.type|default == 'full' %}
                <picture>
                    <source media="(min-width: 992px)" srcset="{{ fields.image|imagine_filter('full') }}">
                    <source media="(min-width: 390px)" srcset="{{ fields.image|imagine_filter('medium') }}">
                    <img loading="lazy" src="{{ fields.image|imagine_filter('small')|urldecode }}" alt="{{fields.image_alt|default}}" title="{{fields.image_title|default}}" class="img-fluid">
                </picture>
            {% else %}
                <picture>
                    <source media="(min-width: 992px)" srcset="{{ fields.image|imagine_filter('big') }}">
                    <source media="(min-width: 390px)" srcset="{{ fields.image|imagine_filter('medium') }}">
                    <img loading="lazy" src="{{ fields.image|imagine_filter('small')|urldecode }}" alt="{{fields.image_alt|default}}" title="{{fields.image_title|default}}" class="img-fluid">
                </picture>
            {% endif %}
            </div>
        </div>
    {% endif %}
    </section>
{# @END BLOCK IMAGE #}