{% extends 'webspace/cms/blocks/_sizer.html' %}
{% load wagtailimages_tags %}
{% block sizer_content %}
{% if not amp %}
{% if size_auto %}
{% image value.file width-375 format-webp as sm_image_webp %}
{% image value.file width-375 format-jpeg as sm_image_jpeg %}
{% image value.file width-768 format-webp as md_image_webp %}
{% image value.file width-768 format-jpeg as md_image_jpeg %}
= 2 %}data-src{% else %}src{% endif %}="{{ md_image_jpeg.url }}"
class="{% if block_num >= 2 %}lazy{% endif %}"
alt="{{ value.file.title }}"
/>
{% else %}
{% image value.file fill-350x350 format-webp as sm_image_webp %}
{% image value.file fill-350x350 format-jpeg as sm_image_jpeg %}
{% image value.file fill-500x500 format-webp as md_image_webp %}
{% image value.file fill-500x500 format-jpeg as md_image_jpeg %}
= 2 %}data-src{% else %}src{% endif %}="{{ md_image_jpeg.url }}"
class="{% if block_num >= 2 %}lazy{% endif %}"
alt="{{ value.file.title }}"
/>
{% endif %}
{% else %}
{% if size_auto %}
{% image value.file width-375 format-webp as sm_image_webp %}
{% image value.file width-768 format-webp as md_image_webp %}
{% image value.file width-768 format-jpeg as md_image_jpeg %}
{% image value.file width-375 format-jpeg as sm_image_jpeg %}
{% else %}
{% image value.file fill-350x350 format-webp as sm_image_webp %}
{% image value.file fill-500x500 format-webp as md_image_webp %}
{% image value.file fill-500x500 format-jpeg as md_image_jpeg %}
{% image value.file fill-350x350 format-jpeg as sm_image_jpeg %}
{% endif %}
{% endif %}
{% endblock %}