{% load wagtailimages_tags %}

<div class="row serene-people">
    {% for person in value.people %}
    <div class="col-xs-12 col-sm-6 col-md-4 text-center serene-person">
        {% image person.image fill-300x300 class="img-circle img-responsive center-block serene-person-photo" %}
        <h4 class="serene-person-name">{{ person.name }}</h4>
        {% if person.position %}<p class="serene-person-role">{{ person.position }}</p>{% endif %}
    </div>
    {% endfor %}
</div>