Rollover image not working

I followed the tutorial to do roll over image to view additional content, but it isn’t working. It only shows the original image (ID=#lp-pom-image-206). The rollover image is inside a content box with ID=#lp-pom-box-227

I have one javascript to run the code for rollover, and another with JQuery:

I also have css:

display: none;

Can’t figure out why this isn’t working…

I have the javascript plugged in:
my code:

Can you please share the link to your published page and the tutorial that you followed?