<script>
  document.addEventListener("DOMContentLoaded", function () {
    const img = document.querySelector('img[src*="Alicia.jpg"]');
    if (!img) {
      console.warn('Alicia image not found.');
      return;
    }

    const originalSrc = img.src;
    const hoverSrc = "https://streamline.imgix.net/4a8321b2-0ce0-4a6e-acc1-142e932d8128/25cdb4f6-ef0c-48c0-a5d2-d183e5b0f041/Alicia-OnHover.png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=92d6e377971cfc4e0c69fcb0e55401d0";

    // Optional: test that the hover image exists
    const preload = new Image();
    preload.src = hoverSrc;

    preload.onload = () => {
      img.addEventListener("mouseover", () => {
        img.src = hoverSrc;
      });
      img.addEventListener("mouseout", () => {
        img.src = originalSrc;
      });
      console.log("Hover listeners attached.");
    };

    preload.onerror = () => {
      console.warn("Hover image failed to load:", hoverSrc);
    };
  });
</script>