.image-comparison{position:relative;width:100%;height:500px;overflow:hidden}.before-image,.after-image{position:absolute;top:0;width:100%;height:100%;object-fit:cover}.after-image{clip-path:inset(0 50% 0 0)}.slider{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#99142b;cursor:ew-resize;z-index:1}.slider::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background-color:#99142b;cursor:ew-resize;top:50%;left:-10px;transform:translateY(-50%)}.label{position:absolute;bottom:10px;background-color:rgba(153,20,43,0.8);color:white;padding:5px 10px;border-radius:5px;font-size:0.9em;font-weight:bold;text-transform:uppercase}.label.before{left:10px;z-index:0}.label.after{right:10px;z-index:0}