document.addEventListener("DOMContentLoaded", function() {

  const fadeEls = document.querySelectorAll('.fadeUp2');

  const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
      if(entry.isIntersecting){
        entry.target.classList.add('show');
      }
    });
  }, {
    threshold: 0.2
  });

  fadeEls.forEach(el => observer.observe(el));

});