Web Image Pan & Zoom Completion

I need a professional who can quickly complete the pan and zoom functionality for an image displayed on a web browser. The project is currently implemented using HTML, CSS, and JavaScript, and we need your expertise to finalize it.

The code is here: https://jsfiddle.net/skrfcu3y/1/

When zooming, the pixel under the mouse cursor must not move.