.diocesan-video-wrapper {
    position: relative;
    height: 500px;
    overflow: hidden;
    margin: 0 auto;
    background:
        linear-gradient(#333, #000) bottom/100% 70% no-repeat,
        #333;
}

.diocesan-video-wrapper video {
    height: 100%;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    object-fit: cover;
    display: block;
}