.xcmp{position:relative;overflow:hidden;max-width:100%}.xcmp img{display:block;width:100%}.before-wrap{position:absolute;left:0;top:0;height:100%;width:50%;overflow:hidden}.before{height:100%;object-fit:cover}.after{display:block}.handle{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff}.handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #444}