.split-container{
position:relative;
width:100%;
overflow:hidden;
}

/* images */

.split-image{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}

/* overlay */

.image-overlay{
position:absolute;
top:0;
left:0;
height:100%;
width:5%;
overflow:hidden;
z-index:10;
}

/* slider */

.slider-line{
position:absolute;
top:0;
left:5%;
height:100%;
width:4px;
background:lime;
cursor:ew-resize;
z-index:20;
}

/* handler */

.slider-handle{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:30px;
height:30px;
border-radius:50%;
background:white;
border:3px solid lime;
z-index:30;
}