@media screen and (min-width: 600px) {
    .surface-card-md {
        background: #fff;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    }
    .surface-card__body-md {
        padding: 1.5rem;
    }
    .course-card-container {
        margin-inline: auto;
    }
}
@media screen and (min-width: 600px) and (max-width: 900px) {
    .course-card-container {
        flex: 0 0 250px;
        margin-inline: auto;
    }
}