hero.mustache

<article class="hero {{ classes }}">
  <div class="container grid lg:grid-rows-5 lg:grid-cols-7 gap-1 items-center">
    <div class="lg:row-span-4 lg:col-span-3 order-1">
      <h1 class="head-alt-md sm:head-alt-lg md:head-alt-xl">{{ claim }}{{^ claim }}Piráti<br>Pardubického<br>kraje{{/ claim }}</h1>
    </div>
    <div class="lg:row-span-1 lg:col-span-3 order-3">
      <div class="md-2 md:mt-4">
        {{> atoms-icon-button(classes: "btn--black btn--hoveractive btn--fullwidth md:btn--autowidth text-lg", icon: "fas fa-chevron-right") }}
      </div>
    </div>
    <div class="lg:row-span-5 lg:col-span-4 order-2">
      <img src="/images/hero-profile-img.png" />
    </div>
  </div>
</article>