{% 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 member in value.members %}<article class="card border-0 bg-body-tertiary rounded-4 overflow-hidden position-relative">{% if member.portrait %}{% picture member.portrait format-{avif,webp,jpeg} width-700 class="card-img-top" alt=member.name %}{% endif %}<div class="card-body"><h3 class="h5">{{ member.name }}</h3>{% if member.role %}<p class="text-body-secondary">{{ member.role }}</p>{% endif %}<p>{{ member.bio }}</p>{% if member.profile_link.page or member.profile_link.external_url %}{% mandel_link_url member.profile_link as href %}<a class="stretched-link" href="{{ href }}"{% if member.profile_link.open_in_new_tab %} target="_blank" rel="noopener noreferrer"{% endif %}><span class="visually-hidden">{{ member.profile_link.label|default:member.name }}</span></a>{% endif %}</div></article>{% endfor %}</div></div></section>