// JavaScript Document
    const cards = document.querySelectorAll(".cardx");
        
        cards.forEach((cardx) => {
          cardx.addEventListener("mousemove", handleMouseMove);
        });
        
        function handleMouseMove(e) {
          const rect = this.getBoundingClientRect();
          const mouseX = e.clientX - rect.left - rect.width / 2;
          const mouseY = e.clientY - rect.top - rect.height / 2;
        
          let angle = Math.atan2(mouseY, mouseX) * (180 / Math.PI);
        
          angle = (angle + 360) % 360;
        
          this.style.setProperty("--start", angle + 60);
        }