.carousel-wrapper {
    overflow: hidden;
    width: 100%; 
    position: relative;
}

.carousel {
    display: flex;
    animation: slide 30s linear infinite;
}

.carousel-item {
    width: 25%; /* Adjust based on your preferred size */
}

.carousel img {
    display: block;
    width: 100%; 
    border-radius: 10px;
}

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