{% load wagtailimages_tags %}
<div class="card-person">
  <div class="card-person__img">
    {% image contact.image fill-350x262-c90 %}
  </div>
  <div class="card-person__description">
    <div class="card-person__name">{{ contact.name }}</div>
    <div class="card-person__role">{{ contact.role }}</div>
    <div class="card-person__phone">
      <a href="tel:{{ contact.phone.as_e164 }}">{{ contact.phone.as_national }}</a>
    </div>
    <div class="card-person__email">
      <a href="mailto:{{ contact.email }}">{{ contact.email }}</a>
    </div>
  </div>
</div>