<div class="image-container" style="display:flex;flex-direction:column; align-items: center;width:100%;justify-content: center;">
    {{ if .Get "href"}}
<a href='{{.Get "href"}}'>
{{end}}
<img loading="lazy"
src='{{.Get "src"}}' 
{{if .Get "alt"}}
 alt='{{.Get "alt"}}'
{{end}}>
{{ if .Get "href"}}
</a>
{{end}}
{{if .Get "caption"}}
<p class="caption">
    {{.Get "caption"}} {{if .Get "source"}}<a href='{{.Get "source"}}'>Source</a>{{end}}

</p>
{{end}}

</div>