I want to incorporate a zoom feature when the viewer hovers over an image in the slider on my Photography Template page. On the hover, the location of the cursor on the image will designate where the center of the zoomed-in (200-400%) image will be. Move the cursor, the zoomed in image moves. The zoomed-in image will appear on the right 50% of the page, taking up 100vh and 100% width of the right column. The right column image would ONLY show when you hover over the left side slider. Keep in mind that this is a slider and ideally would be able to function using the CMS defining the elements of the sliders. And so, based on which slider page you are on, will change the image on the right.
Here are some Images of what I am thinking to make it easier: