.comparisonBox {
    pointer-events: all;
    border-radius: inherit;
    width: 100%;
    height: 100%;

    .clip-div {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        overflow: hidden;
        z-index: 999;

        .beforeBox-cont {
            height: 100%;
            background-color: red;
        }

        .slide-bar {
            position: absolute;
            width: 5px;
            height: 100%;
            top: 0;
            right: 0;
            background-color: white;
            cursor: ew-resize;
        }
    }

    .afterBox-cont {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-color: orange;
    }

    .clear-button {
        position: absolute;
        opacity: 1;
        pointer-events: all;
        cursor: pointer;
    }

    .clear-button.before {
        top: 3px;
        left: 3px;
    }

    .clear-button.after {
        top: 3px;
        right: 3px;
    }
}