<script>
document.addEventListener("DOMContentLoaded", () => {
  const intersectionCallback = (entries) => {
    entries.forEach((entry) => {
      if (entry.isIntersecting) {
        entry.target.classList.add("show"); // Adiciona a classe 'show' quando entra no viewport
        observer.unobserve(entry.target); // Remove o observador após a animação começar
      }
    });
  };

  const observer = new IntersectionObserver(intersectionCallback, {
    threshold: 0.3, // Ativa a animação quando 30% do elemento está visível
  });

  const items = document.querySelectorAll(".item"); // Observa todos os elementos com a classe 'item'
  items.forEach((item) => observer.observe(item));
});


</script>