/**
 * Cards Block Styles
 */

.media-card {
    background: #fff;
    border-radius: 12px;
    border: none;
    transform: none !important;
    transition: none !important;
}

.media-card__image img {
    transition: transform 0.6s ease;
}

.media-card:hover .media-card__image img {
    transform: scale(1.08);
}

.media-card__image,
.media-card__overlay {
    z-index: 1;
}

.media-card__body {
    z-index: 2;
}

.media-card__overlay {
    height: 20%;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.55) 10%,
        rgba(0, 0, 0, 0.25) 35%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
    z-index: 1;
}