.banner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.slides {
    display: flex;
    width: 300%;
}

.slides img {
    width: 5%;
    height: 5%;
    object-fit: contain;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.active {
    animation: slide 10s infinite;
}