.image-container{width:700px;height:700px;position:relative;box-shadow:0 0 8px rgba(0,0,0,.6);margin-top:100px;margin-left:100px}img{width:100%;max-width:100%;max-height:100%}.magnifier{box-sizing:border-box;position:absolute;width:200px;height:200px;background-color:rgba(0,0,0,.2);pointer-events:none;box-shadow:0 0 6px #ef5656;cursor:move;overflow:hidden}.magnifier-img-box{width:200px;height:200px;transform:scale(1.5);background-repeat:no-repeat}.zoomed-image{position:absolute;top:0;left:120%;width:200px;height:150px;border:2px solid #333;background-size:cover}