.background-video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
        .home_header_canvas{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }
        @keyframes fadex {
            from {
                opacity: 0;
                transform: translateX(100%);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        @keyframes fadeo {
            from {
                opacity: 1;
                transform: translateX(0);
            }
            to {
                opacity: 0;
                transform: translateX(-100%);
            }
        }
        .slider-container {
            position: relative;
            width: 100%;
            height: 650px;
            overflow: hidden;
        }
        .slide_home_video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            display: none;
        }
        .slide_home_video.active {
            animation: fadex 0.5s forwards ease-in-out;
            display: block;
        }
        .slide_home_video.outgoing {
            animation: fadeo 0.5s forwards ease-in-out;
            display: block;
        }