{% load wagtailimages_tags %}
<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.testimonials %}<figure class="p-4 border rounded-4">{% if item.portrait %}{% picture item.portrait format-{avif,webp,jpeg} width-240 class="rounded-circle mb-3 mandel-testimonial-portrait" alt=item.name %}{% endif %}<blockquote class="blockquote"><p>{{ item.quote }}</p></blockquote><figcaption><strong>{{ item.name }}</strong>{% if item.role or item.company %}<br><span class="text-body-secondary">{{ item.role }}{% if item.role and item.company %}, {% endif %}{{ item.company }}</span>{% endif %}</figcaption></figure>{% endfor %}</div></div></section>