// Mouse Hover Split
.mouse-hover-split.slide-wrapper {
    flex-wrap: nowrap !important;
    display: block !important;
    overflow: hidden;
    position: relative !important;

    >.split-slide {
        display: grid;
        overflow: hidden;
        position: absolute;
        height: 100%;
        
        &:not(.slide-left) {
            width: 100% !important;
        }

        >* {
            margin: 0px;
            width: 100%;
        }

        &:first-child {
            z-index: 2;
            width: 100%;
        }

        &:nth-child(2) {
            z-index: 1;
        }
    }
}