.paralax-wrapper {
    position: fixed;
    padding: 0;
}

.paralax-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, var(--sub-color-2) 0%, var(--sub-color-1) 100%);
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.paralax-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent 0%, #000 100%);
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.paralax-video-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width:992px) {
    .paralax-video-content {
        height: 100vh;
    }
}