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

.carousel-container {
    white-space: nowrap; /* Prevent logos from wrapping to the next line */
    display: flex; /* Use flexbox for horizontal alignment */
}

.carousel-item {
    display: inline-block;
    min-width: calc(100% / 5); /* Default to 5 items */
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    align-content: center;
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .carousel-item {
        min-width: calc(100% / 2); /* Display 2 items on mobile */
    }
}