.hero-video-yt {
    content-visibility: auto;
    contain-intrinsic-size: 500px;
}

.hero-video-yt .hero-video-title {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color:#fff;
    
}
.hero-video-yt .wrap-video {
    padding-top:56.25%;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: #000;
}

.hero-video-yt .wrap-video iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.hero-video-yt:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}