(()=> { 
  const obs = new IntersectionObserver(
    ents => {ents.forEach(e => {
        if (e.isIntersecting) {
          e.target.classList.add('ub-ani-play');
        } else {
          e.target.classList.remove('ub-ani-play');
        }
      });}, {threshold: 0.5}
  );
  const els = document.querySelectorAll('[class*="ub-ani"]');
  els.forEach(el => obs.observe(el));
 })();