.split-hover-container{display:flex;width:100%;height:100%}.split-item{position:relative;width:50%;height:100%;background-size:cover;background-position:50%;transition:width .6s ease;overflow:hidden}.split-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:background-color .6s ease}.split-item .split-content{position:relative;z-index:10;color:white;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;opacity:1;transition:opacity .6s ease}.split-hover-container:hover .split-item{width:35%}.split-hover-container:hover .split-item:hover{width:65%}.split-hover-container:hover .split-item:hover:before{background-color:rgba(0,0,0,.6)}.split-hover-container:hover .split-item:not(:hover) .split-content{opacity:.8}