.ec-compare{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
}

.ec-img{
    position:absolute;
    inset:0;
}

.ec-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ec-after{
    clip-path:inset(0 50% 0 0);
}

.ec-handle{
    position:absolute;
    top:0;
    left:50%;
    width:4px;
    height:100%;
    cursor:ew-resize;
    z-index:10;
}

.ec-dot{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

.ec-percent{
    font-weight:600;
    user-select:none;
}