<div
  style="
    background-blend-mode: multiply;
    background: url({{ .Site.Params.headerImg }}) rgba(0, 0, 0, 0.6);
    background-position: center;
    background-size: cover;
  "
  class="flex justify-start min-h-96"
>
  <div
    class="flex flex-col ml-16 mb-8 place-self-center text-white max-w-4xl gap-4"
  >
    <h1 class="text-3xl font-bold">{{ .Site.Params.headerTitle }}</h1>
    <p class="text-md">{{ .Site.Params.headerDesc }}</p>
  </div>
</div>