{{ $src := .Get "src" }}
{{ $alt := .Get "alt" }}
{{ $slug := .Page.Slug }}
{{ $imageURL := printf "%s/%s/%s" site.Params.filesBase $slug $src }}
{{ $caption := .Get "caption" }}

<figure>
  <a
    class="lightgallery"
    href="{{ $imageURL }}"
    data-thumbnail="{{ $imageURL }}"
    {{ with $caption }}data-sub-html="{{ . }}"{{ end }}>
    <img 
      src="{{ $imageURL }}" 
      alt="{{ $alt }}"
      loading="lazy" 
      decoding="async"
      width="{{ .Get "width" | default "800" }}" />
  </a>

  {{ with $caption }}
    <figcaption>{{ . }}</figcaption>
  {{ end }}
</figure>