And After

<div class="bg-[#37465C] lg:mb-16">

    <div class="container-desktop p-5 md:p-20 md:pr-5 gap-10 flex flex-col md:flex-row relative">

        <div class="flex flex-col text-white gap-5 md:w-2/6">

            <h2 class="text-3xl md:text-4.5xl font-bold leading-13">Et après ?</h2>

            <span class="text-xl md:text-3xl leading-9">Nous vous accompagnons et vous conseillons sur la reprise ou vente de votre véhicule</span>

            <div class="flex flex-col gap-2.5">

                <div class="flex gap-2.5">

                    <?= icon('check-blue-colored', 'w-5.5'); ?>

                    <span>Argument</span>

                </div>

                <div class="flex gap-2.5">

                    <?= icon('check-blue-colored', 'w-5.5'); ?>

                    <span>Argument</span>

                </div>

                <div class="flex gap-2.5">

                    <?= icon('check-blue-colored', 'w-5.5'); ?>

                    <span>Argument</span>

                </div>

                <div class="flex gap-2.5">

                    <?= icon('check-blue-colored', 'w-5.5'); ?>

                    <span>Argument</span>

                </div>

            </div>

        </div>

        <div class="md:w-4/6 relative flex items-center lg:items-end justify-end lg:-mb-36">

            <img class="max-h-[660px] bg-primary" <?= renderImageUrl('and-after.png', 'cms', 'blur') ?> />

        </div>

    </div>

</div>