.photoscroll{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.photoscroll *{box-sizing:inherit}.photoscroll ::before{box-sizing:inherit}.photoscroll img,.photoscroll picture>img{max-width:none}.photoscroll>img,.photoscroll>picture>img{display:block;width:100%}.photoscroll>div:first-child,picture .photoscroll>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.photoscroll-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px} 
.photoscroll-drag::before{ border-radius:10px; border:10px groove #09F; border-left:0; border-top:0px; transform: rotate(-45deg); background-color:#fff;  content:'';height:40px; width:40px; left:50%;margin-left:-20px;margin-top:-25px;position:absolute;top:50%;}

.photoscroll-drag::after{ border-radius:10px; border:10px groove #090; border-left:0; border-top:0px; transform: rotate(135deg);  content:'';height:40px; width:40px; left:50%;margin-left:-20px;margin-top:-25px;position:absolute;top:50%;}
.photoscroll ::after{box-sizing:inherit}