Cambio immagine passando su scritta

[lu1782]

Buongiorno a tutti, vi spiego ciò che vorrei fare.
ho la pagina centrale di un sito che contiene un elenco di servizi che la ditta effettua e a destra ho messo un'immagine statica. Vorrei che passando il mouse sopra ogni "servizio" uscisse un'altra immagine al posto di quella di default da me inserita.

Il codice è questo.

  <article class="s-13 m-7 l-6">                
  <ul type="circle">        
          <li> <h5>Opere murarie</h5></li>        
          <li><h5>Rifacimento Facciate esterne</h5></li>                                    <li><h5>Tinteggiatura Pareti</h5></li>         
         <li><h5>Impermeabilizzazioni tetti / terrazzi</h5></li>             
     <li><h5>Rifacimento tetti in cemento armato o legno</h5></li>           
       <li><h5>Rinforzi strutturali</h5></li>             
     <li><h5>Recupero sottotetto - rifacimento solai</h5></li>            
      </ul>                           
         </article>
<article class="s-13 m-7 l-6">       
         <img class="flex" src="img/brick2.png" alt="" ></article>  

Come potrei fare? l'area l'ho divisa a metà in modo tale che l'immagine resti sempre a destra dell'elenco anche in versione mobile

ringrazio tutti anticipatamente