#comparison{height: 400px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/despues.jpg); }
    .antes{background-image: url(img/antes.jpg);background-size:cover; }
    #divisor{position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor::before,#divisor::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor::before{top:0}
    #divisor::after{bottom:0}
    #handle{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle::before,#handle::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle::after{border-left:6px solid #fff;right:50%;margin-right:-16px}
       
  
    #comparison1{height: 500px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues1{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/despues1.jpg); }
    .antes1{background-image: url(img/antes1.jpg);background-size:cover; }
    #divisor1{position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor1::before,#divisor1::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor1::before{top:0}
    #divisor1::after{bottom:0}
    #handle1{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle1::before,#handle1::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle1::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle1::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

    #comparison2{height: 500px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues2{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/despues2.jpg);}
    .antes2{background-image: url(img/antes2.jpg);background-size:cover;}
    #divisor2{position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor2::before,#divisor2::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor2::before{top:0}
    #divisor2::after{bottom:0}
    #handle2{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle2::before,#handle2::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle2::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle2::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

    #comparison3{height: 500px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues3{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/despues3.jpg);}
    .antes3{background-image: url(img/antes3.jpg);background-size:cover;}
    #divisor3{position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor3::before,#divisor3::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor3::before{top:0}
    #divisor3::after{bottom:0}
    #handle3{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle3::before,#handle3::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle3::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle3::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

    #comparison4{box-shadow: 5px 5px 10px black;height: 400px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues4{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/despues4.jpg);}
    .antes4{background-image: url(img/antes4.jpg);background-size:cover;}
    #divisor4{position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor4::before,#divisor4::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor4::before{top:0}
    #divisor4::after{bottom:0}
    #handle4{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle4::before,#handle4::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle4::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle4::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

    #comparison5{box-shadow: 5px 5px 10px black;height: 400px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues5{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/despues5.jpg);}
    .antes5{background-image: url(img/antes5.jpg);background-size:cover;}
    #divisor5{position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor5::before,#divisor5::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor5::before{top:0}
    #divisor5::after{bottom:0}
    #handle5{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle5::before,#handle5::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle5::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle5::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

    #comparison6{height: 250px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues6{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/despues6.jpg);}
    .antes6{background-image: url(img/antes6.jpg);background-size:cover;}
    #divisor6{position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor6::before,#divisor6::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor6::before{top:0}
    #divisor6::after{bottom:0}
    #handle6{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle6::before,#handle6::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle6::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle6::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

    #comparison7{height: 600px;max-width:100%;margin:auto; width:100%;overflow:hidden;position:relative}
    #despues7{width: 100%; max-width: 100%; height: 100%; max-height: 100%;background-image: url(img/Fotospartalta/noche.jpg);}
    .antes7{background-image: url(img/Fotospartalta/dia.jpg);background-size:cover;}
    #divisor7{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
    #divisor7::before,#divisor7::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:#fff;z-index:3}
    #divisor7::before{top:0}
    #divisor7::after{bottom:0}
    #handle7{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
    #handle7::before,#handle7::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    #handle7::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
    #handle7::after{border-left:6px solid #fff;right:50%;margin-right:-16px}
    
    
    figure{position:absolute;background-size:cover;font-size:0;margin:0}
    input[type=range]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:-25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2;margin:0;padding:0;height:50px;text-indent:0.01px;text-overflow:'';}
    input[type=range]:focus,input[type=range]:active{border:none;outline:none}
    input[type=range]::-moz-focus-outer{border:0;}
    input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;background:transparent;border:4px solid #fff;box-shadow:0 0 8px 1px rgba(0,0,0,0.3)}
    input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:none;text-indent:0.01px;text-overflow:'';}
    input[type=range]::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{box-shadow:none;border:none;height:0;width:0;border-radius:0;background:transparent;cursor:pointer;text-indent:0.01px;text-overflow:'';}
    input[type=range]::-ms-thumb{box-shadow:none;border:none;height:0;width:0;border-radius:0;background:transparent;cursor:pointer}