.carrousel__ecran2--img {
    width: 100%;
    height: 252px;
}

.carrousel_parent-ecrans {
    display: flex;
    /* largeur du parent */
    
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}

.carrousel_ecran1 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: url(/public/img/deforestation-Amazonie.webp) no-repeat center;
    background-size: 100%;
}

.carrousel_ecran2 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background-color: black;
}

.carrousel_ecran3 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: linear-gradient(to right, black, #151D15);
}

.carrousel_ecran4 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: linear-gradient(to right, #151D15, #2C3D2B);
}

.carrousel_ecran5 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: linear-gradient(to right, #2C3D2B, #425B40);
}

.carrousel_ecran6 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: linear-gradient(to right, #425B40, #587955);
}

.carrousel_ecran7 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: linear-gradient(to right, #587955, #6F986B);
}

.carrousel_ecran8 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: linear-gradient(to right, #6F986B, #85B781);
}

.carrousel_ecran9 {
    width: 100%;
    flex: none;
    scroll-snap-align: start;
    background: linear-gradient(to right, #85B781, #9BD596);
}
    
.carrousel_ecran figure {
    margin: 0;
    scroll-behavior: smooth;
    display: flex;
    flex-direction: column;
    align-items: center;
}
    
.carrousel {
    box-sizing: border-box;
    margin: 0;
    position: relative;
    }
      
    .carrousel_btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2rem;
        height: 2rem;
        background: rgba(114, 218, 105, 0.5);
        border-radius: 50%;
        border: none;
        display: grid;
        place-content: center;
        color: white;
        cursor: pointer;
    }
      
    .carrousel_btn-avant {
        left: 0;
    }
      
    .carrousel_btn-apres {
        right: 0;
    }