.component__card.featured .card__bottom-content p {
    color: #fff !important;
}

@media (max-width: 1024px) {
    .component__card.featured .component__card--wrap .card {
        height: 100%;
    }

    .component__card.featured .component__card--wrap .card__media {
        position: relative;
        height: -webkit-fill-available !important;
        max-height: 300px;
    }

        .component__card.featured .component__card--wrap .card__media img {
            height: 100% !important;
            max-height: 100%;
        }

    .component__card--wrap .card__bottom-content {
        width: 100%;
    }
}