{{#if @site.cover_image}}
    <section
        class="home-hero min-h-[216px] relative overflow-hidden"
        data-home-hero=""
    >
        <div class="home-hero__skeleton absolute inset-0" data-home-hero-skeleton aria-hidden="true"></div>
        <img class="home-hero__cover absolute inset-0 w-full h-full object-cover" src="{{@site.cover_image}}" alt="{{@site.title}}" loading="eager" fetchpriority="high" data-home-hero-image>
    </section>
{{/if}}