<section class="no-border">
    <div class="container flex flex-col gap-6 md:gap-20">
        <h2 data-aos="fade-up" class="text-center text-black md:w-200 mx-auto leading-[110%]">Notre objectif est <span class="badge">simple</span> : vous faire gagner en <span class="badge">efficacité</span> et en <span class="badge">attractivité.</span></h2>
<p class="md:hidden text-center">Un accompagnement pragmatique, mené par des recruteurs.
    Nos consultants recrutent tous les jours, ils utilisent les outils du marché
    et ils connaissent les réalités du terrain.</p>
        <section class="w-full h-[400px] md:w-[1136px] mx-auto hidden lg:block relative">
            <!-- Image droite -->
            <figure data-aos="zoom-in" data-aos-delay="0"
                class="triptych-card
           w-full
           md:absolute md:w-[331px] md:h-[280px] md:top-[120px] md:left-0">
                <img src="{{ asset('images/accompagnement/section5-1.jpg') }}" alt="Équipe droite" class="w-full h-full object-cover">
            </figure>
            <!-- Image centre -->
            <figure data-aos="zoom-in" data-aos-delay="200"
                class="triptych-card
           w-full
           md:absolute md:w-[331px] md:h-[280px] md:top-[120px] md:right-0">
                <img src="{{ asset('images/accompagnement/section5-3.jpg') }}" alt="Équipe centre" class="w-full h-full object-cover">
            </figure>

            <!-- Image gauche -->
            <figure data-aos="zoom-in" data-aos-delay="100"
                class="triptych-card
           w-full
           md:absolute md:w-[526px] md:h-[280px] md:top-0 md:left-1/2 md:-translate-x-1/2">
                <img src="{{ asset('images/accompagnement/section5-2.jpg') }}" alt="Équipe gauche" class="w-full h-full object-cover">
            </figure>

            <!-- Cartouche texte -->
            <div
                class=" max-w-[410px] text-justify text-sm md:text-base leading-relaxed z-10
           mx-auto
           md:absolute md:bottom-0 md:left-1/2 md:-translate-x-1/2">
                Un accompagnement pragmatique, mené par des recruteurs.
                Nos consultants recrutent tous les jours, ils utilisent les outils du marché
                et ils connaissent les réalités du terrain.
            </div>
        </section>
    </div>
</section>
