img-comparison-slider {
    visibility: hidden;
}

img-comparison-slider [slot='second'] {
    display: none;
}

img-comparison-slider.rendered {
    visibility: inherit;
}

img-comparison-slider.rendered [slot='second'] {
    display: unset;
}

/* Add this to your style.css */
img-comparison-slider img {
    position: static !important;
    z-index: auto !important;
}
  
img-comparison-slider {
    position: relative;
    z-index: 100;
    display: block;
    margin: 1rem auto;
    outline: none;
    --divider-shadow: 0px 0px 1.5px rgba(0, 0, 0, 0.4);
    --default-handle-shadow: 0px 0px 1.5px rgba(0, 0, 0, 0.4);
}

/* If the above doesn't work, use this more specific selector */
img-comparison-slider:focus-visible {
    outline: none;
    box-shadow: none !important;
}