{{ $avatar := resources.GetMatch .Site.Params.avatar }}
{{ $tiny := ($avatar.Fill "400x400 q90") }}

<div class="flex-none w-20 h-20 rounded-full overflow-hidden">
  <a href="{{ .Site.BaseURL }}">
    <img
      srcset="{{- with $tiny.RelPermalink -}}{{.}} 80w{{- end -}}"
      src="{{ $avatar.RelPermalink }}"
      width="{{ $tiny.Width }}"
      height="{{ $tiny.Height }}"
      alt="{{ .Site.Title }}"
    />
  </a>
</div>