.ba-container {
    position: relative;
    overflow: hidden;
    user-select: none;
    width: 100%;
}

.ba-container img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* BEFORE */
.before {
    z-index: 1;
}

/* AFTER (initial half view) */
.after {
    z-index: 2;
    clip-path: inset(0 50% 0 0);
}

/* slider line completely hidden (drag OFF) */
.slider {
    display: none !important;
}