{{ partial:components/molecules/blocks/container }}
<div class="{{ [
    'relative',
    'grid',
    'grid-cols-12',
    'pt-5',
    'pb-10',
    'md:gap-x-10',
    'lg:gap-x-20',
    'lg:pb-20',
    'md:items-center',
    'text-center' => header_image_type == 'none'
    ] | classes }}"
>
    <div class="absolute inset-0 size-full z-0">
        {{ if header_image_type == "background" && asset }}
            {{ partial:components/atoms/assets/image :image="asset" object_fit="{ header_background_fit}" object_position="{ header_background_position }" }}
        {{ /if }}
    </div>
    <div class="{{ ['col-span-full', 'z-10','md:col-span-6' => slot:right] | classes | collapse_whitespace }}">
        {{ slot }}
    </div>

    {{ if slot:right }}
        <div class="{{ ['col-span-full', 'z-10', 'md:col-span-6'] | classes | collapse_whitespace }}">
            {{ slot:right }}
        </div>
    {{ /if }}
</div>
{{ /partial:components/molecules/blocks/container }}
