.video-block {
    display: block !important;
    position: relative;
    max-height: 80vh;
}

.video-block video {
    display: block;
}

.video-block--info {
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    transition: 250ms ease-in-out;
}

.video-block--info.disabled {
    opacity: 0;
}

.video-block--info_details {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}


/* 
HOVER
*/
@media (hover: hover) {
    .video-block:hover .video-block--info.disabled,
    .video-block:hover .backdrop {
        opacity: 1 !important;
    }
}