img-comparison-slider { /* web component */
    display: block;
    width: 100%;
    overflow: hidden;
    cursor: ew-resize;
    outline: none;
    /*--divider-color: var(--hy-teal);*/
}
img-comparison-slider[direction="vertical"] {
    cursor: ns-resize;
}
img-comparison-slider:focus-visible { /* web component */
    /*outline: 2px solid var(--hy-teal); temp removed: still visible when dragging :/ */
}
.compare-images__handle div:before {
    margin: 0;
}
.compare-images__handle {
    font-size: 5rem;
    color: #fff;
}
.col-md-3 .compare-images__handle {
    font-size: 3rem;
}
.compare-images__slider:not(:hover) .compare-images__handle {
    animation: handle-pulse 1s infinite;
}
@keyframes handle-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}