{% load wagtailimages_tags mandel_template_engine %}
<section class="mandel-block"><div class="container">{% if value.heading %}<h2>{{ value.heading }}</h2>{% endif %}<div class="mandel-scroll-row mt-4">{% for item in value.items %}<article class="card rounded-4 overflow-hidden position-relative">{% if item.image %}{% picture item.image format-{avif,webp,jpeg} width-900 class="card-img-top" %}{% endif %}<div class="card-body"><h3 class="h5">{{ item.title }}</h3><p>{{ item.summary }}</p>{% if item.outcome %}<strong>{{ item.outcome }}</strong>{% endif %}{% if item.link.page or item.link.external_url %}{% mandel_link_url item.link as href %}<a class="stretched-link" href="{{ href }}"{% if item.link.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}><span class="visually-hidden">{{ item.link.label|default:item.title }}</span></a>{% endif %}</div></article>{% endfor %}</div></div></section>