{%- comment -%}
Usage:
{% include article-figure.html src="/images/example.webp" alt="Alt text" caption="Caption text" %}

Optional:
- caption
{%- endcomment -%}

<figure class="article__figure">
  <img class="article__image" src="{{ include.src | relative_url }}" alt="{{ include.alt | default: '' }}">
  {% if include.caption %}
    <figcaption class="article__caption">{{ include.caption }}</figcaption>
  {% endif %}
</figure>