image change on mouseover

why can’t my image mouse over work when it’s added to a page in wordpress? It works in every browser outside wordpress.

here is the page in question:
https://www.bwbdemo.com/nxt-jetsetter

here is a page of how it should work:
https://bwbdemo.com/image%20swap.html

the code I am using is:

<img id="large-image-id"
src="../../images/jetsetter-nxt-shell-alpine-white.png"
alt="large image" height="275" width="780"><br>
<img id="large-image-id2"
src="../../images/jetsetter_mocha_rlg.png" alt="large image"
height="140" width="780"><br>
<br>
<img
onclick="document.getElementById('large-image-id').src=this.src"
onmouseover="document.getElementById('large-image-id').src=this.src"
src="../../images/jetsetter-nxt-shell-alpine-white.png"
style="width:106px; height:80px;" title="White" alt="thumb image"
height="275" width="780"> <img
onclick="document.getElementById('large-image-id').src=this.src"
onmouseover="document.getElementById('large-image-id').src=this.src"
src="../../images/jetsetter-nxt-shell-ice-gray.png"
style="width:106px; height:80px;" title="Gray" alt="thumb image"
height="275" width="780"> <img
onclick="document.getElementById('large-image-id').src=this.src"
onmouseover="document.getElementById('large-image-id').src=this.src"
src="../../images/jetsetter-nxt-shell-creme.png"
style="width:106px; height:80px;" title="Creme" alt="thumb image"
height="275" width="780"> <img
onclick="document.getElementById('large-image-id').src=this.src"
onmouseover="document.getElementById('large-image-id').src=this.src"
src="../../images/jetsetter-nxt-shell-tuscan-sun.png"
style="width:106px; height:80px;" title="Tuscan Sun" alt="thumb
image" height="275" width="780"> <img
onclick="document.getElementById('large-image-id').src=this.src"
onmouseover="document.getElementById('large-image-id').src=this.src"
src="../../images/jetsetter-nxt-shell-desert.png"
style="width:106px; height:80px;" title="Desert" alt="thumbimage"
height="275" width="780"> <br>
<img
onclick="document.getElementById('large-image-id2').src=this.src"
onmouseover="document.getElementById('large-image-id2').src=this.src"
src="../../images/jetsetter_mocha_rlg.png" style="width:140px;
height:23px;" title="Mocha" alt="thumb image" height="140"
width="780"> <img
onclick="document.getElementById('large-image-id2').src=this.src"
onmouseover="document.getElementById('large-image-id2').src=this.src"
src="../../Desktop/jetsetter_gray_lrg.png" style="width:140px;
height:23px;" title="Gray" alt="thumb image" height="140"
width="780"> <img
onclick="document.getElementById('large-image-id2').src=this.src"
onmouseover="document.getElementById('large-image-id2').src=this.src"
src="../../images/jetsetter_teak_lrg.png" style="width:140px;
height:23px;" title="Teak" alt="thumb image" height="140"
width="780">