.video_wrapper {
    position: relative;
}
.video_wrapper:not(.js_active)::before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
}
.video_wrapper:not(.js_active)::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 60px;
    height: 60px;
    background-image: url(./loading.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
}

.video_wrapper > video {
    width: 100%;
}

.container{

    height: auto;
    position: relative;
}
.container img{
    width:100%;
    height: auto;
}
p{
    position: absolute;
    top:48%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size:48px;
    color: #C0C0C0;
    padding:0;
    margin:0;
}