.ui.card.rounded {
    border-radius: 12px !important;
}

@media (min-width: 768px) {
    .ui.card .content.centered {
        text-align: center;
    }
}

.ui.card .content.no-border {
    border-top: none !important;
}

.ui.card.featured {
    background: #141414 url("/assets/hero_background-14ebd515.webp") no-repeat center top / 100% 100% !important;
}

@media (min-width: 768px) {
    .ui.card.featured {
        transform: scale(1.05);
        order: 2 !important;
    }

    .ui.card.smaller {
        transform: scale(0.95);
    }

    .ui.card.smaller:nth-child(2) {
        order: 3;
    }
}

.ui.card.featured {
    order: 3;
}