.rain-slider-container {
    overflow: hidden; /* Hide overflow */
    position: relative; /* Position relative for absolute positioning of child elements */
    width: 100%; /* Full width */
    height: 250px; /* Set height to match logo size */
}

.rain-slider-wrapper {
    display: flex; /* Use flex to arrange slides in a row */
    animation: scroll linear infinite; /* Smooth scrolling animation */
}

.rain-slide {
    width: 250px; /* Fixed width for each slide */
    height: 250px; /* Fixed height for each slide */
    display: flex;
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
    margin-right: 20px; /* Add space between logos */
    flex-shrink: 0; /* Prevent flex items from shrinking */
}

.rain-slide:last-child {
    margin-right: 0; /* Remove margin from the last slide */
}

.rain-slide img {
    max-width: 100%; /* Ensure images do not exceed their container */
    max-height: 100%; /* Ensure images do not exceed their container */
    object-fit: contain; /* Maintain aspect ratio */
    display: block; /* Remove bottom space */
}

@keyframes scroll {
    from {
        transform: translateX(0); /* Start position */
    }
    to {
        transform: translateX(-50%); /* Move half the total width */
    }
}

/* Adjust speed for smaller screens */
@media (max-width: 768px) {
    .rain-slider-wrapper {
        animation-duration: 40s; /* Slower speed for mobile */
    }
}