const cursor = document.querySelector(".cursor");

      window.addEventListener("mousemove", (event) => {
        const relativeX = (event.clientX / window.innerWidth) * 100;
        const relativeY = (event.clientY / window.innerHeight) * 100;

        cursor.style.left = `${relativeX + 7}vw`;
        cursor.style.top = `${relativeY + 13}vh`;
      });

      document.querySelectorAll(".inner-card").forEach((card) => {
        card.addEventListener("mouseenter", () => {
          const img = card.querySelector("img");
          img.setAttribute("src-original", img.src);
          img.src = img.getAttribute("src-hover");
        });
        card.addEventListener("mouseleave", () => {
          const img = card.querySelector("img");
          img.src = img.getAttribute("src-original");
        });
      });