{{- $caption := .caption | default "" -}}
{{- $title := .title | default $caption | plainify -}}
{{- $alt := .alt | default $title | plainify -}}


<figure class="captioned-image lightbox">
  <a
    href="{{- .full.RelPermalink -}}"
    data-pswp-src="{{- .full.RelPermalink -}}"
    data-pswp-width="{{- .full.Width -}}"
    data-pswp-height="{{- .full.Height -}}"
    class="pswp-image"
  >
    <img
      src="{{- .thumb.RelPermalink -}}"
      width="{{- .thumb.Width -}}"
      height="{{- .thumb.Height -}}"
      loading="lazy"
      {{ with $title }}title="{{- . -}}"{{ end }}
      {{ with $alt }}alt="{{- . -}}"{{ end }}
    />
  </a>
  {{ with $caption }}
    <figcaption>{{ . | safeHTML }}</figcaption>
  {{ end }}
</figure>