.ba-wrap{position:relative;overflow:hidden;border-radius:12px}
.ba-wrap img{display:block;width:100%}
.ba-wrap .ba-after{position:absolute;top:0;left:0;clip-path:inset(0 0 0 50%)}
.ba-wrap .ba-handle{position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff;box-shadow:0 0 0 1px #0003;cursor:col-resize}
.ba-wrap::after{content:'Before';position:absolute;top:10px;left:12px;background:#000a;color:#fff;padding:4px 8px;border-radius:6px;font:600 12px/1.2 system-ui}
.ba-wrap::before{content:'After';position:absolute;top:10px;right:12px;background:#000a;color:#fff;padding:4px 8px;border-radius:6px;font:600 12px/1.2 system-ui}