.comparison-slider-wrapper {
  position: relative;
  width: 100%;
  height: 80vh;
  margin: 20px 0;
  background-color: #ffffff; }
  .comparison-slider-wrapper .comparison-slider {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    /* border: 5px #ffffff solid; */
    box-sizing: border-box; }
    .comparison-slider-wrapper .comparison-slider > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
    .comparison-slider-wrapper .comparison-slider .comparison-slider-overlay {
      display: none;
      position: absolute;
      width: 100%;
      height: 100%; }
      @media screen and (min-width: 767px) {
        .comparison-slider-wrapper .comparison-slider .comparison-slider-overlay {
          display: block; } }
    .comparison-slider-wrapper .comparison-slider .comparison-slider-resize {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 50%;
      overflow: hidden; }
      .comparison-slider-wrapper .comparison-slider .comparison-slider-resize > img {
        max-width: none;
        display: block; 
        height: 100%;
        object-fit: cover;}
    .comparison-slider-wrapper .comparison-slider .comparison-slider-divider {
      position: absolute;
      width: 3px;
      height: 100%;
      background-color: rgba(255,255,255, 1);
      left: 50%;
      top: 0;
      bottom: 0;
      margin-left: -1px;
      cursor: ew-resize; }
      .comparison-slider-wrapper .comparison-slider .comparison-slider-divider:before {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        left: -32px;
        top: 70%;
        margin-top: -20px;
        border-radius: 50%;
        border: 4px solid rgba(0,0,0,0);
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        background-color: rgb(255, 255, 255, 0.5);
        transition: all 0.1s ease-in-out; }
      .comparison-slider-wrapper .comparison-slider .comparison-slider-divider:after {
        content: "";
        position: absolute;
        font-size: 28px;
        top: 50%;
        margin-top: -19px;
        margin-left: -11px;
        color: rgba(0,0,0,1);
        font-weight: 900;
        text-align: center;
        transition: all 0.1s ease-in-out; }
      .comparison-slider-wrapper .comparison-slider .comparison-slider-divider.draggable:before {
        width: 20px;
        height: 20px;
        left: -12px;
        background-color: transparent;
        margin-top: 0px; }