{{if half_section}}
{{ half_section }}
<div class="bg-[#24272B] pt-10 pb-10">
    <div
        class="md:max-w-3xl lg:max-w-5xl xl:max-w-7xl mx-auto md:flex {{ if index % 2 == 0 }}flex-row-reverse{{ /if }}">
        <div class="md:w-1/2 p-4">
            {{ text }}
        </div>
        <div class="md:w-1/2 p-4 md:p-10">
            <img class="max-h-[300px] mx-auto rounded-lg rounded-tl-3xl rounded-br-3xl transition delay-150 duration-300 ease-in-out hover:-translate-y-1 hover:scale-110"
                src="{{ image }}" alt="imagine-this-{{ image }}" />
        </div>
    </div>
</div>
{{ /half_section }}
{{/if}}