/* Smooth sliding animation */
@keyframes slideAnimation {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.sponsor-carousel {
    width: 100%;
    overflow: hidden;
}

.random-sponsors {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    animation: slideAnimation 20s linear infinite;
}

.random-sponsors li {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    flex-direction: column; /* Align content vertically */
    flex: 0 0 25%; /* Four items in a row */
    text-align: center;
}

.random-sponsors li img {
    max-width: 50%;
    max-height: 100%;
}

/* Pause animation on hover */
.sponsor-carousel:hover .random-sponsors {
    animation-play-state: paused;
}





/* Show two items in a row for screens smaller than 600px */
@media screen and (max-width: 600px) {
    .random-sponsors li {
        flex: 0 0 50%;
    }
}