Change img on hovering other element : <p>I want to change an image src when hovering an  link.</p>

<p>On this page: <a href="https://www.desaunois.nl/menu-opbouw/" rel="nofollow noreferrer">https://www.desaunois.nl/menu-opbouw/</a> the main menu has different items. </p>

<p>When you hover "Over ons" a submenu appears with a picture next to it.
The picture is related to the item "Geschiedenis". When I hover for example the subitem "FAQ" I want the picture on the left to be changed when hovering it. How can I achieve this with some jQuery?</p>
