Figure

Load images progressively with blurry placeholders.
HTML attributes:
alt,
class,
src
Custom attributes:
attr,
attrlink,
caption,
link,
linktarget,
lqipsrc,
title

With progressive image placeholder:

{{< figure
  src="/images/watercolor_pTIyYTqAlF8_w1440h700.jpeg"
  alt="Artistic map"
  lqipsrc="/images/watercolor_pTIyYTqAlF8_w936h455.jpeg"
  title="Map of Bali in Watercolor"
  attr="Stamen Design"
  attrlink="https://maps.stamen.com/"
>}}
Artistic map
Map of Bali in Watercolor
Stamen Design

See Figures in Hugo for additional usage.