Hectore helper

<div class="bg-background relative">

    <div class="container-desktop lg:p-20 lg:pt-10 flex">

        <div class="w-28 lg:flex flex-col items-end justify-start shrink-0 relative lg:pt-10 hidden">

            <div class="flex justify-center items-center w-full">

                <?= icon('copilote-icon', 'w-16') ?>

            </div>

            <div class="border-b-3 border-l-3 rounded-bl-[3rem] h-1/2 w-3/5 absolute" style="bottom: calc(40% - 80px)"></div>

        </div>

        <div class="flex flex-col w-fit">

            <div class="flex justify-between">

                <div class="flex pt-5 pl-5 lg:p-0">

                    <div class="flex flex-col gap-5 lg:hidden">

                        <div class="flex justify-center items-center w-full">

                            <?= icon('copilote-icon', 'w-10') ?>

                        </div>

                        <div class="left-2.5 relative border-l-3 h-full"></div>

                    </div>

                    <div class="flex flex-col gap-5 text-white lg:pt-10 pb-5 lg:pb-0">

                        <h2 class="text-3xl lg:text-4.5xl font-bold">Hector</h2>

                        <span class="lg:text-3xl text-xl">votre <span class="text-secondary font-bold">copilote</span>, vous<br> accompagne avant, pendant et<br> après votre achat.</span>

                    </div>

                </div>



                <div class="flex items-end">

                    <img loading="lazy"

                         class="lg:max-h-[281px] max-h-[160px]" <?= renderImageUrl('hector-helper.svg', 'cms') ?>

                         alt="">

                </div>

            </div>

            <div class="lg:flex grid grid-cols-2">

                <?php include renderTemplate('molecule/tiles/slider/tile-with-svg', 'without-title-box-shadow'); ?>

                <?php include renderTemplate('molecule/tiles/slider/tile-with-svg', 'without-title-box-shadow'); ?>

                <?php include renderTemplate('molecule/tiles/slider/tile-with-svg', 'without-title-box-shadow'); ?>

                <?php include renderTemplate('molecule/tiles/slider/tile-with-svg', 'without-title-box-shadow'); ?>

            </div>

            <div class="bg-background h-20 flex items-end justify-end px-5 lg:hidden">

                <div class="right-2.5 relative border-l-3 h-full"></div>

            </div>

        </div>

        <div class="w-28 lg:flex flex-col items-start justify-end shrink-0 relative hidden">

            <div class="border-t-3 border-r-3 rounded-tr-[3rem] h-2/5 w-3/5 absolute -bottom-20"></div>

        </div>

    </div>

</div>