*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}


body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}

.carrusel {
    width: 100%;
    max-width: 400px;
    padding: 100px
    margin: 30px auto;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.carrusel__contenido {
    display: flex;
    width: 400%;
    animation: slide 20s infinite;
}

.contenido__slide {
    width: 100%;
    flex-shrink: 0;
}

.contenido__slide img {
    width: 25%;
    display: block;
}

@keyframes slide {
    0%   { transform: translateX(0%); }
    25%  { transform: translateX(-100%); }
    50%  { transform: translateX(-200%); }
    75%  { transform: translateX(-300%); }
    100% { transform: translateX(0%); }
}