<turbo-stream action="replace" target="team-member">
    <template>
        <div style="margin-top: 10vh"></div>
        <section id="team" class="team container">

            <div class="row align-items-center text-center">

                <!-- membre gauche -->
                <div class="col-6">
                    <a href="/team/1" class="team-member">
                        <img src="/images/maelle.jpg">
                        <p style="text-decoration: none">[NOM COMEDIEN PRECEDENT]</p>
                    </a>
                </div>
                <!-- membre droite -->
                <div class="col-6">
                    <a href="/team/1" class="team-member">
                        <img src="/images/valentine.jpg">
                        <p>[NOM COMEDIEN SUIVANT]</p>
                    </a>
                </div>
                <!-- membre focus -->
                <div class="col-12">

                    <div class="team-member">

                        <img src="/images/cecile.jpg">

                        <h2>[NOM DU COMEDIEN]</h2>

                        <p class="team-role">[ROLE]</p>

                        <p class="team-bio">
                            [DESCRIPTION LONGUE]
                        </p>

                    </div>

                </div>



            </div>

        </section>


    </template>
</turbo-stream>