Display image based on collection list

I would like to achieve simple 2 column layout on a CMS Collection Page to act as a main navigation index. Left column to display the collection list in text format, and the right column to be a single image container. Desired effect is to have image on right change to match the mouse over of an item in the list on the left.

Where I’m at: The CMS already set up in it a “name” text field, and a “main_image” jpg file, and I have the list of names displayed nicely on the page.

Any help would be much appreciated! Dominic

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