Teste

<script>

 // simples hover: mostra a imagem grande
 document.querySelectorAll("span[style*='position: relative']").forEach(el => {
   el.addEventListener("mouseenter", () => {
     el.querySelector("span").style.display = "block";
   });
   el.addEventListener("mouseleave", () => {
     el.querySelector("span").style.display = "none";
   });
 });

</script>