index.js

var image = document.getElementById('moving-image');
image.addEventListener('click', function() {
    image.classList.toggle('move');
});

const motionObject = document.getElementById('pointing');
const triggerArea = document.getElementById('trigger-area');

triggerArea.addEventListener('mouseenter', () => {
    motionObject.style.animationPlayState = 'running'; // Start the animation
});

triggerArea.addEventListener('mouseleave', () => {
    motionObject.style.animationPlayState = 'paused'; // Pause the animation
});

function toggleMobileMenu() {
    var mobileMenu = document.getElementById("mobileMenu");
    mobileMenu.classList.toggle("show");
  }
  function preventLinkClick(event) {
    event.preventDefault();
    var mobileMenu = document.getElementById("mobileMenu");
    mobileMenu.classList.remove("show");
  }
  var mobileLinks = document.querySelectorAll('.mobile-menu a');
  mobileLinks.forEach(function(link) {
    link.addEventListener('click', preventLinkClick);
  });