.cocoen{position:relative;overflow:hidden;line-height:0;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box}   .cocoen *,.cocoen *::before,.cocoen *::after{box-sizing:inherit}   

.cocoen img,

.cocoen picture>img{max-width:none}   

.cocoen>img,.cocoen>picture>img{width:100%;display:block}   

.cocoen>div:first-child,

.cocoen>picture:first-child>div{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}   

.cocoen__drag{position:absolute;top:0;bottom:0;left:50%;width:10px;cursor:ew-resize;background:#fff;margin-left:0px; opacity:0.4;}