.podcast-episode-popup-card-wrapper {
    width: 100%;
    height: 375px;
    max-width: 300px;
}
@media only screen and (min-width: 576px) {
    .podcast-episode-popup-card-wrapper {
        width: 45%;
    }
}
@media only screen and (min-width: 768px) {
    .podcast-episode-popup-card-wrapper {
        width: 33%;
    }
}
@media only screen and (min-width: 992px) {
    .podcast-episode-popup-card-wrapper {
        width: 25%;
    }
}
@media only screen and (min-width: 992px) {
    .podcast-episode-popup-card-wrapper {
        width: 20%;
    }
}

.podcast-episode-popup-card__thumbnail-wrapper {
    left: 13%;
    z-index: 9;
}

.podcast-episode-popup-card__thumbnail {
    box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.4);
}

.podcast-episode-popup-card__info-wrapper {
    height: 350px;
    top: 20px;
    box-shadow: 0 5px 20px 3px var(--miracel-secondary-shadow-color);	
    opacity: 0;
    z-index: 8;
}

.podcast-episode-popup-card-wrapper:hover .podcast-episode-popup-card__info-wrapper {
    opacity: 1;
    animation: bounceIn 0.6s linear;
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.01, 1.01, 1.01);
        transform: scale3d(1.01, 1.01, 1.01);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.podcast-episode-popup-card__info {
    bottom: 20px;
}