Change product image on hover/rollover

Is there a way to change a image on a product template page so that when you hover on the image it?
At present the page is using the interaction to display the main image for each product and I’d like to be able to pull the rollover image from the More images field. Is this possible.

Thanks in advance for any help.


Here is my public share link: LINK
(how to access public share link)