JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
            <li><a href="werk">Werk</a><img src="http://www.hertogjanboot.nl/Bootverhuur/images/Graphics/WerkInUitv250Tr.gif" alt=""></li>
            <li><a href="extra">Extra</a><img src="" alt=""></li>
            <li><a href="prive">Prive</a><img src="" alt=""></li>
            <li><a href="contact">Contact</a><img src="" alt=""></li>
       </ul>

CSS

.menu li{
    list-style:none;/*Haalt de punten uit de lijst*/
}

.menu li>img{
    display:none;/*verbergt de afbeelding*/
}

.menu li:hover>img{/*deze code gaat dus over afbeeldingen in <li> waar de muis op staat*/
    display:block;/*laat de afbeelding weer zien*/
    position:absolute;/*zorgt dat de afbeelding boven alle andere elementen komt te staan en ze niet opzij drukt*/
    right:0;/*zet de afbeelding rechts*/
}