.twentytwenty-overlay .twentytwenty-before-label::before, .twentytwenty-overlay .twentytwenty-after-label::before {
  background-color: rgba(252, 252, 252, 0.22);
}

/* Hover effect for black-and-white image */
.wb_ebais_twentytwenty_container:hover .twentytwenty-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Remove filter on click or active interactions */
.wb_ebais_twentytwenty_container.active .twentytwenty-overlay {
    background-color: transparent !important;
}

/* Hover effect when there are no active interactions */
.wb_ebais_twentytwenty_container:not(.active):hover .twentytwenty-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  border-radius: 1000px;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: move;
}

.wb_ebais_twentytwenty_container .twentytwenty-handle,
.wb_ebais_twentytwenty_container.active .twentytwenty-handle:hover {
    cursor: move !important;
	background-color: rgba(0, 0, 0, 0) !important;
}