.ba-container{position:relative;width:100%;max-width:700px;margin:30px auto;overflow:hidden;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.ba-container img{display:block;width:100%;height:auto;object-fit:cover}.ba-img-overlay{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.ba-handle,.ba-slider{position:absolute;left:50%;background:#fff}.ba-img-overlay img{width:100%;height:100%;object-fit:cover}.ba-slider{top:0;transform:translateX(-50%);width:4px;height:100%;cursor:ew-resize;box-shadow:0 0 5px rgba(0,0,0,.6)}.ba-handle{top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid #333;box-shadow:0 2px 6px rgba(0,0,0,.4);cursor:grab}@media (max-width:768px){.ba-container{max-width:95%}.ba-handle{width:24px;height:24px}}