{% load wagtailimages_tags %}
<section class="mandel-block"><div class="container">{% if value.heading %}<h2>{{ value.heading }}</h2>{% endif %}<div class="mt-3 {% if value.layout == 'strip' %}mandel-scroll-row{% elif value.layout == 'masonry' %}mandel-masonry{% else %}row g-3{% endif %}">{% for item in value.items %}<figure class="{% if value.layout == 'grid' %}col-md-6 col-lg-4{% endif %}">{% picture item.image format-{avif,webp,jpeg} width-900 class="img-fluid rounded-4 w-100" %}{% if item.caption %}<figcaption class="small mt-2">{{ item.caption }}</figcaption>{% endif %}</figure>{% endfor %}</div></div></section>