body {
    display: flex;
    justify-content: center;        /* centrer sur l'écran sur x */
    align-items: center;            /* centrer sur l'écran sur y */
    height: 100vh;                  /* hauteur de l'écran */
    background-color: #ddd;   
}
#caroussel {
    width: 640px;                   /* largeur d'une image */
    overflow: hidden;               /* auto ou hidden ne pas sortir de la boite (cacher le scroll) */
    border: 2px solid #333;
}
.images {
    display: flex;                  /* pas de retour à la ligne par défaut */
    animation-duration: 20s;
    animation-name: mesImages;
    animation-iteration-count: infinite;
}

@keyframes mesImages {
    0% {                                    /* Première image */
        transform: translateX(0);           /* Début */
    }
    25% {
        transform: translateX(-640px);
    }
    50% {
        transform: translateX(-1280px);
    }
    75% {
        transform: translateX(-1920px);     /* Dernière image */
    }
    100% {                          
        transform: translateX(0);           /* retour */
    }
}