.ba-slider, .ba-slider-new {
    position: relative;
    overflow: hidden;
    img {
        width: 100%;
        display:block;
        max-width:none;
    }
    .resize {
        position: absolute;
        top:0;
        left: 0;
        height: 100%;
        width: 50%;
        overflow: hidden;
        border-right:  1px solid rgba(255, 255, 255, 0.5);
    }
    .handle { 
        position:absolute; 
        left:50%;
        top:50%;
        bottom:0;
        width:1px;
        margin-left:-2px;
        cursor: ew-resize;
        width: 45px;
        height: 100%;
        transform: translate(-50%, -50%);
        &:after, &:before {  
            position: absolute;
            background-image: url(/images/arrow_resize.svg);
            top: 50%;
            content: "";
            width: 10px;
            height: 17px;
            background-repeat: no-repeat;
        }
        &:before {  
            transform: rotate(-180deg);
            left:  0;
        }
        &:after {  
            right : 0;
        }
    }
}