Di solito queste cose si fanno in javascript ma potresti risolvere anche in css.
Non hai postato il codice quindi non so come è strutturata la pagina, però volendo fare un esempio potresti fare così:
Impostare l'immagine con position:absolute o fixed, in modo che tu possa disporre l'immagine in un punto preciso della pagina, e display:none.
L'html deve essere strutturato in questo modo:
codice:
<div albergo>
<immagine albergo>
<div pizzeria>
<ammagine pizzeria>
cioè l'immagine dell'albergo deve essere posizionata appena dopo il div dell'albergo, e stessa cosa per la pizzeria.
Poi agisci aggiungendo al css:
codice:
.classe_albergo(o id):hover +.classe_immagine_albergo {display:block;}
e stessa cosa per la pizzeria