Streaming live at 10am (PST)

Product Page - replace Main Image with alternate images

Our product page has one full height image element that by default displays the Main Image. Then I have a collection list displaying alongside it with the alternate images. When the alternate images are clicked I want to display them where the man image is displayed.

Is there a WebFlow way of doing this or do i need to start ewritng a load of custom javascript. You can see the design in my Read Only link

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