.hemis-glissiere-avant-apres-imageleft-container {
    display: inline-block;
    position: relative;
}
.hemis-glissiere-avant-apres-imageleft-container img {
    display: block;
}
.hemis-glissiere-avant-apres-imageright-container {
    position: absolute;
    border-left: solid 2px #f00;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
.hemis-glissiere-avant-apres-imageright-button {
    position: absolute;
    border: none;
    background: #fff;
    padding: 0;
    top: 50%;
    left: 0;
    width: 35px;
    height: 35px;
    cursor: w-resize;
    transform: translate(-50%,-50%) rotate(45deg);
}
.hemis-glissiere-avant-apres-imageright-button::before {
    content: "";
    position: absolute;
    border-left: solid 2px #f00;
    border-bottom: solid 2px #f00;
    height: 42.5%;
    width: 42.5%;
    /*top: 40%;*/
    top: 43%;
    left: 12.5%;
}
.hemis-glissiere-avant-apres-imageright-button::after {
    content: "";
    position: absolute;
    border-top: solid 2px #f00;
    border-right: solid 2px #f00;
    height: 42.5%;
    width: 42.5%;
    /*top: 12.5%;*/
    top: 10.5%;
    /*right: 12.5%;*/
    right: 14.5%;
}