{{/* `sizes` is layout knowledge, so it belongs to whoever wrote the layout. Without it a browser assumes
     100vw and fetches the widest variant for a thumbnail, which makes the derivative pass cost bandwidth
     rather than save it. These values describe *this* stylesheet — a 32rem measure, two gallery columns
     above 36rem — and a theme that changes the layout must change them with it (ADR-0068). */}}
{{define "figure" -}}
<figure>
{{- range .Pictures}}
<img src="{{.Src}}"{{if .Srcset}} srcset="{{.Srcset}}" sizes="(min-width: 36rem) 32rem, 100vw"{{end}}{{if .Width}} width="{{.Width}}" height="{{.Height}}"{{end}} alt="{{$.Args.alt}}">
{{- end}}
{{- if not .Pictures}}
<img src="{{.Args.src}}" alt="{{.Args.alt}}">
{{- end}}
{{- if .Args.caption}}
<figcaption>{{.Args.caption}}</figcaption>
{{- end}}
</figure>
{{- end}}