noisette

Bonjour Bébert voilà le code pour les deux photos il va falloir que tu bidouilles : Pour modifier l’emplacement petite photo départ #Rose après le lien
Pour position grande photo #Bouton hover rose 

<p style="text-align: center;">Miracle, passez la souris sur la Vierge</p>
<div style="width: 1150px; height: 747px; margin: 10px auto; background: url('https://ekladata.com/de ta grande photo.jpg');">
<p id="bouton">&nbsp;</p>
<p id="rose">&nbsp;</p>
</div>
<style><!--
#bouton{position:absolute; z-index:6; width:1150px; height:647px;transform:translate(0px, 0px);}

#rose{position:absolute; z-index:1;width:0px; height:0px; border-radius:10%; background:url('https://ekladata.com/petite photo.gif'); transform:translate(500px,450px); transition:all 1s linear; background-size:cover;}

#bouton:hover ~ #rose{width:300px; height:600px; transform:translate(350px, 80px);}
--></style>

Si tu as besoin tu me demandes