.course-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    animation: scrollUp 20s linear infinite;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-130%);
    }
}

.course-card {
    flex: 0 0 25%;
    margin-bottom: 1rem;
}

.course-card:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

.course-wrapper:hover {
    animation-play-state: paused;
}