The news

<div class="flex lg:flex-row flex-col container-desktop gap-20 lg:p-20 p-5">

    <div class="lg:w-2/5 flex flex-col LG:gap-10 gap-5">

        <span class="lg:text-[65px] leading-13 text-3xl font-bold">À la <span class="font-light">Une</span></span>

        <div class="w-full overflow-hidden hover:shadow-item-product transition duration-300">

            <a href="#">

                <div class="relative overflow-hidden h-[213px] lg:h-[250px]">

                    <img <?= renderImageUrl('item-product.jpg', 'styleguide', 'blur') ?> alt="" loading="lazy"

                                                                                         class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover">

                </div>

                <div class="bg-white pt-3.5 lg:pt-5 pb-7.5 lg:pb-10 px-3.5 lg:px-5">

                    <div class="text-tiny lg:text-xs font-semibold tracking-spaced uppercase mb-1.5 lg:mb-2.5">Catégorie</div>

                    <div class="text-base lg:text-2xl leading-5 lg:leading-6 tracking-tightened font-bold">Titre de l'article souvent un peu long</div>

                    <div class="text-sm lg:text-base tracking-tightened mt-2.75 lg:mt-5">

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae eros sit amet leo lobortis cursus...

                    </div>

                    <div class="mt-5">

                        <a href="#" class="text-primary-accent tracking-tight font-semibold transition duration-300 hover:text-primary">Lire l'article</a>

                    </div>

                </div>

            </a>

        </div>

    </div>

    <div class="grid grid-cols-2 lg:gap-10 gap-5 lg:w-3/5">

        <?php include renderTemplate('molecule/tiles/slider/tile-blog', 'basic'); ?>

        <?php include renderTemplate('molecule/tiles/slider/tile-blog', 'basic'); ?>

        <?php include renderTemplate('molecule/tiles/slider/tile-blog', 'basic'); ?>

        <?php include renderTemplate('molecule/tiles/slider/tile-blog', 'basic'); ?>

    </div>

</div>