.carousel-activities{position:relative; padding:80px 0; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1em; color:var(--cl-blanc);}
.carousel-activities:before{content:""; position:absolute; inset:0; background-color:rgba(0,0,0,0.6); z-index:2;}
.carousel-activities .activity{position:relative; z-index:3; font-size:800%; line-height:1; -webkit-text-stroke-width:1px; background-clip:text; -webkit-text-fill-color:transparent; webkit-text-stroke-color:rgb(255, 255, 255);}
.carousel-activities .activity.active{-webkit-text-fill-color:var(--cl-blanc);}
.carousel-activities img.bgs{position:absolute; inset:0; width:100%; height:100%; opacity:0; object-fit:cover; z-index:1; transition:all 1s ease;}
.carousel-activities img.bgs.active{opacity:1;}

@media all and (max-width:991px){
    .carousel-activities .activity{font-size:600%;}
}

@media all and (max-width:767px){
    .carousel-activities .activity{font-size:400%;}
}

@media all and (max-width:550px){
    .carousel-activities .activity{font-size:250%;}
}