Customize jQuery Plug-In Called "jQuery Panzoom"

Hello! This project revolves around customizing the behaviors of the jQuery plug-in called "jQuery Panzoom" (that I have attached as a .zip), which can be found at its GitHub location at: [login to view URL] I have a functioning web page with jQuery Panzoom already working as its default set-up (which I will send to you in a .zip file, should you accept the project), and I have detailed my two customization requests in the attached PDF document titled "[login to view URL]". The summary of my two requests is as follows: (1) I have created custom icons for the "Zoom In" and "Zoom Out" and "Reset" functions of jQuery Panzoom; and I would like the custom icons coded to work as the main controls of jQuery Panzoom, so that I can remove the default jQuery Panzoom buttons which are used for "Zoom In" and "Zoom Out" and "Reset". (2) I have created a responsive container that I would like to use for the placement of any zooming images, which jQuery Panzoom will be controlling, and I would like the images centered vertically or horizontally within the container (depending on if they are "wider than taller" or "taller than wider"). The entire container should be used as the image area once the image begins to get bigger. Again, I have detailed the above requests (with image) in the attached PDF document titled "[login to view URL]". Please take a look and let me know if you have any questions. The skills that are most needed are jQuery (for the customization of jQuery Panzoom) and CSS (for the image centering and zooming in the div container).