.image-viewer{width:100%;height:100%;overflow:hidden;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path d="M1 2V0h1v1H0v1z" fill-opacity=".025"/></svg>');background-size:20px;background-color:#fff;touch-action:none;position:relative;&:before{display:inline-block;content:"";background-color:#000c;position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity .3s ease-in-out}.image-object{transform-origin:0 0;transform:translate(var(--x),var(--y)) scale(var(--scale))}}