img-comparison-slider {
  visibility: hidden;
  height: 300px;
    --divider-width: 1px;
    --divider-color: #fff;
    --divider-shadow:  1px 1px 1px #000;
    --default-handle-width: 100px;
    --default-handle-color: #fff;
    --default-handle-opacity: 1;
    --default-handle-shadow:  1px 1px 1px #000;
    --handle-position-start: 50%;
}
img-comparison-slider img{
   height: 300px;
}

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

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

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

.slider-example-opacity-and-size:hover {    --default-handle-opacity: 0;  }

.before,
.after {
    margin: 0;
  }

.before figcaption,
.after figcaption {
    background: #fff;
    border: 1px solid #111;
    border-radius: 0px;
    color: #111;
    font-size: 1.1em;
    font-weight: bold;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
    bottom: -5px;
    transform: translateY(-50%);
    line-height: 100%;
  }

.before figcaption {
    left: 15px;
  }

.after figcaption {
    right: 15px;
  }