.ecwafe-img-compare-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%; 
  overflow: hidden;
}

.ecwafe-img-compare-inner {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.ecwafe-img-compare-inner img {
  display: block;
  width: 100%;
  height: auto; /* Changed from 100% to auto */
  object-fit: cover;
  vertical-align: top;
}
.ecwafe-img-compare-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden;
  clip-path: inset(0 50% 0 0); /* Default: show 50% for horizontal */
  transition: clip-path 0.1s linear;
}

.ecwafe-img-compare-overlay img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}


.ecwafe-img-compare-slider {
  position: absolute;
  background: #fff;
  z-index: 3;
  box-shadow: 0 0 0 2px #000;
  transition: background 0.3s;
}

.ecwafe-img-compare-slider:hover {
  background: #ccc;
}