div.zoomable img {
    transition: all 0.3s linear;
}

div.zoomable {
    overflow: hidden;
    position: relative;
    border: 1px solid green;
    padding: 0 !important;
}
div.zoomable:hover img {
    transform: scale(2) translate(25%);
}

div.zoom_move {
    position: absolute;
    border: 1px solid red;
    width: 33%;
    height: 33%;
}
div.zoom_move:hover {
    border: 4px solid yellow;
}

div.zoom_move.zoom_move_left {
    left: 0;
    top: 50%;
    margin-top: -9%;
    z-index: 999999;
}
div.zoom_move.zoom_move_right {
    right: 0;
    top: 50%;
    margin-top: -9%;
}
div.zoom_move.zoom_move_top {
    top: 0%;
    left: 50%;
    margin-left: -16.5%;
}
div.zoom_move.zoom_move_bottom {
    bottom: 0%;
    left: 50%;
    margin-left: -16.5%;
}