{{ _column_align = ('justify-' + (column_align ?? 'center')) }}
<div
    class="column-content flex w-full flex-col gap-8 self-center max-lg:max-w-(--breakpoint-md) lg:flex-row! lg:items-start"
    style="flex-direction: {{ column_order }}"
>
    <div class="{{ _column_align }} flex h-full flex-col gap-6 lg:w-1/3">
        {{ column_1.multi_column_content }}
            {{ partial src="sets/{type}" }}
        {{ /column_1.multi_column_content }}
    </div>
    <div class="{{ _column_align }} flex h-full flex-col gap-6 lg:w-1/3">
        {{ column_2.multi_column_content }}
            {{ partial src="sets/{type}" }}
        {{ /column_2.multi_column_content }}
    </div>
    <div class="{{ _column_align }} flex h-full flex-col gap-6 lg:w-1/3">
        {{ column_3.multi_column_content }}
            {{ partial src="sets/{type}" }}
        {{ /column_3.multi_column_content }}
    </div>
</div>