// LOOP ANIMATION
const loopLogo = document.querySelectorAll(".loop-logo-container");
const logoAnimation = gsap.to(loopLogo, {
  xPercent: -100,
  ease: "none",
  duration: 15,
  repeat: -1
});

loopLogo.forEach(logo => {
  logo.addEventListener('mouseenter', () => {
    logoAnimation.pause();
  });
  
  logo.addEventListener('mouseleave', () => {
    logoAnimation.play();
  });
});