hugo-theme-termlite/layouts/partials/page/figures/small-image.html

{{- $image := .resource -}}

{{-
  $resizedImages := dict
    "2x" ($image.Fit "960x960")
    "1x" ($image.Fit "480x480")
-}}

<figure class="figure  figure--image  figure--small">
  {{ if .linksToFullSizeImage -}}
    <a href="{{ $image.RelPermalink }}">
  {{- end -}}
    <img
      src="{{ (index $resizedImages "2x").RelPermalink }}"
      srcset="
        {{ (index $resizedImages "2x").RelPermalink }} 960w,
        {{ (index $resizedImages "1x").RelPermalink }} 480w,
      "
      {{ with $image.Params.alt | default $image.Title }} alt="{{ . }}"{{ end }}
      {{ with $image.Title }} title="{{ . }}"{{ end }}>
  {{ if .linksToFullSizeImage -}}
    </a>
  {{- end -}}
  {{ if .shouldShowTitle }}
    {{ partial "page/figures/caption.html" . }}
  {{ end }}
</figure>