.video,
.card-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-video {
    z-index: -1;
}

.card.show-video .card-video {
    z-index: 10;
}

.video .close,
.card-video .close {
    position: absolute;
    bottom: 80px;
    right: 10px;
    color: #FFFFFF;
    filter: drop-shadow(2px 4px 6px black);
    font-size: 60px;
    cursor: pointer;
    opacity: 0;
    transition: all 300ms;
    -webkit-transition: all 300ms;
}

/* .video .attach-video,
.card-video .attach-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
} */

.video.show-video:hover .close,
.video-block.show-video:hover .close {
    opacity: 1;
}