How can I manage to make my boxes appear only once with IntersectionObserver?

Question

I created an UI where when the user scrolls down the page, 4 grid boxes appears with a "fade in" effect, but when we go up the page, then we scroll down the page again