{{- $optimized := partial "optimize-image" . -}}

<p class="image">
  <amp-img
    {{- with .Get "alt" }} alt="{{ . | safeHTMLAttr }}" title="{{ . | safeHTMLAttr }}"{{ else }}
    {{- with .Inner }} alt="{{ . | markdownify | plainify | safeHTMLAttr }}" title="{{ . | markdownify | plainify | safeHTMLAttr }}"{{ end }}{{ end }}
    src="{{ $optimized.Permalink }}"
    width="{{ .Scratch.Get "displayWidth" }}"
    height="{{ .Scratch.Get "displayHeight" }}"
    layout="intrinsic">
  </amp-img>
</p>

{{- with .Inner }}<p class="caption">{{ . | $.Page.RenderString | safeHTML }}</p>{{ end -}}