.webgatha-image-compare-container{position:relative;overflow:hidden}.webgatha-image-compare-container img{display:block;width:100%;height:auto}.image-box.before-image{position:absolute;top:0;left:0;overflow:hidden;-webkit-transform:translateZ(0);-moz--transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.horizontal .image-box.before-image{width:50%;height:100%}.vertical .image-box.before-image{width:100%;height:50%}.image-box.before-image img{position:absolute;left:0;top:0;display:block;max-width:none}.horizontal .image-box.before-image img{height:100%;width:auto}.vertical .image-box.before-image img{height:auto;width:100%}.image-box-divider{position:absolute;background:rgba(255,255,255,.75);z-index:1}.horizontal .image-box-divider{top:0;left:50%;height:100%;width:3px}.vertical .image-box-divider{left:0;top:50%;width:100%;height:3px}.image-box-divider span{display:flex;justify-content:center;height:40px;width:40px;color:#fff;border-radius:50%;text-align:center;position:absolute}.horizontal .image-box-divider span{cursor:e-resize;top:calc(50% - 20px);left:-18px;z-index:2}.vertical .image-box-divider span{cursor:n-resize;top:-18px;left:calc(50% - 20px);z-index:2}.image-box-divider span i{align-self:center;font-size:20px}