https://section27.org.za/wp-content/plugins/atomx-gutenx/assets/scripts/frontend.js?ver=6abf38e47efde

1window.addEventListener('load', () => {
2	const atomXGutenxAnimationElements = document.querySelectorAll(
3		'[class^="gutenx_anim"], [class*=" gutenx_anim"]'
4	);
5
6	atomXGutenxAnimationElements.forEach((animationElem) => {
7		const [animationClass = ''] =
8			animationElem.className.match(/gutenx_anim\-\S+/g);
9
10		// Removing class.
11		animationElem.style.visibility = 'hidden';
12		animationElem.classList.remove(animationClass);
13
14		const observer = new IntersectionObserver(
15			(entries, observer) => {
16				const [entry = null] = entries;
17
18				if (entry && entry.intersectionRatio !== 0) {
19					animationElem.style.visibility = 'visible';
20					entry.target.classList.add(animationClass);
21					observer.disconnect();
22				}
23			},
24			{
25				rootMargin: '0px',
26				threshold: 0.25,
27			}
28		);
29
30		observer.observe(animationElem);
31	});
32});