{#- A screenshot or photo with a caption. landscape=true lets it fill the column width; full=true
    makes it a link to the image itself, for a screenshot too detailed for the column -#}
<figure class="media{% if landscape %} landscape{% endif %}">
  {%- if full %}<a class="full" href="{{ src }}" title="Open full size">{% endif %}
  <img src="{{ src }}" alt="{{ alt }}"{% if width %} width="{{ width }}"{% endif %}{% if height %} height="{{ height }}"{% endif %} loading="lazy">
  {%- if full %}</a>{% endif %}
  {%- if caption %}
  <figcaption>{{ caption | markdown(inline=true) | safe }}{% if full %} <a href="{{ src }}">Full size</a>.{% endif %}</figcaption>
  {%- endif %}
</figure>