.split-container{width:100%;height:100vh;background-image:url(/static/images/main-pixel.webp);background-repeat:no-repeat;background-size:contain;background-position:bottom;display:flex}.left,.split-container{position:relative;overflow:hidden}.left{width:50%;transition:width 1s cubic-bezier(.4,0,1,1);cursor:pointer;background-color:#fff}.left,.left:before{height:100%;z-index:1}.left:before{content:"";position:absolute;top:0;left:0;width:100vw;background-image:url(/static/images/main.webp);background-repeat:no-repeat;background-size:contain;background-position:bottom;filter:grayscale(100%) contrast(1) brightness(1)}.right{position:relative;width:50%;height:100%;background:none;transition:width 1s cubic-bezier(.4,0,1,1);cursor:pointer}.content{position:absolute;bottom:100px;text-align:left;color:#000;z-index:2;transition:font-size .5s ease}.left .content{left:30px;text-align:left}.right .content{right:30px;text-align:right}.split-container .right:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:white;z-index:1;transition:left 1s cubic-bezier(.4,0,1,1)}.split-container:hover .left:hover,.split-container:hover .right:hover{width:70%}.split-container:hover .left:not(:hover),.split-container:hover .right:not(:hover){width:30%}.split-container:hover .left:hover~.split-container:before{left:70%}.split-container:hover .right:hover~.split-container:before{left:30%}.center{position:absolute;left:35%;width:30%;height:100%;background:none;z-index:999}.split-container:hover .center:hover~.left,.split-container:hover .center:hover~.right{pointer-events:none;width:50%!important}