.slider-container {
position: relative;
height: 400px; /* Modifier la hauteur selon vos besoins */
overflow: hidden;
display: flex;
flex-direction: row;
margin: auto;
border-radius: 20px;

}
.image-before{
width: 0;
height: 100%;
object-fit: none; /* Empêche l'adaptabilité de l'image */
object-position: left; /* Alignement horizontal de l'image (gauche, centre, droite) */
transition: width 0.5s ease-in-out; /* Ajout de la transition pour l'animation */
}
.image-after{
width: 100%;
height: 100%;
object-fit: none; /* Empêche l'adaptabilité de l'image */
object-position: right; /* Alignement horizontal de l'image (gauche, centre, droite) */
transition: width 0.5s ease-in-out; /* Ajout de la transition pour l'animation */
}

.slider {
position: absolute;
top: 0;
left: 0%;
transform: translateX(-50%);
width: 5px; /* Modifier la largeur de la barre de glissement */
height: 100%;
background-color: #ffffff;
cursor: ew-resize;
z-index: 3;
transition: left 0.5s ease-in-out; /* Ajout de la transition pour l'animation */


}
.image-before::before{
content:"Avant";
}