<!-- Si un jour affichage des avatars dans carousel avec wipe pour écrans mobiles -->

<style>
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }
</style>
<div id="carouselAvatars" class="carousel slide carousel-fade" data-ride="carousel">
    <div class="carousel-inner">

        <div class="carousel-item active">
            <div class="row justify-content-center first-slide">
                <div class="col-2 align-self-center">
                    <img class="avatarChoisit" src="../../img/avatars/fond-decran-blanc-47.jpg" alt="Avatar 1">
                </div>
                <div class="col-2 align-self-center">
                    <img src="../../img/avatars/avatar.jpg" alt="Avatar 2">
                </div>
                <div class="col-2 align-self-center">
                    <img src="../../img/avatars/avatar.jpg" alt="Avatar 3">
                </div>
                <div class="col-2 align-self-center">
                    <img src="../../img/avatars/avatar.jpg" alt="Avatar 3">
                </div>
            </div>
        </div>

        <div class="carousel-item">

        </div>


    </div>

    <a class="carousel-control-prev" href="#carouselAvatars" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselAvatars" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>


