IntersectionObserver.ts

const observer = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
    if (entry.isIntersecting) {
      entry.target.classList.add('show');
    }
    });
  });
  const hiddenElements = document.querySelectorAll('.hide-animate');
  hiddenElements.forEach((element) => {
    observer.observe(element);
});