<div class="mb-12 flex flex-col items-center justify-center md:flex-row">
  {{ $img := partial "utils/get-image" (dict "context" . "url" .Params.avatar "keyword" "*avatar*") }}
  {{ with $img }}
    <div class="md:ms-0 md:me-8 md:pe-8 md:border-e mx-auto w-48 flex-none">
      <img src="{{ . }}" class="rounded-full" alt="Avatar" />
    </div>
  {{ end }}
  <div class="mt-4 w-full grow md:mt-0">
    <h1 class="py-4 text-3xl">{{ .Title }}</h1>
    <div class="w-3/12 border-b xl:w-2/12"></div>

    <div class=