I have the following code which animates a section of my website (credit: https://www.youtube.com/watch?v=19jD-DcOBtQ&t=0s) I would like to add a new instance of this to animate another section of my site, with the class .team-container - how would I go about duplicating this for that section?
// JavaScript Document
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if(entry.isIntersecting){
document.querySelectorAll(".animated")[0].classList.add("fadeInLeft");
document.querySelectorAll(".animated")[1].classList.add("fadeInTop");
document.querySelectorAll(".animated")[2].classList.add("fadeInRight");
}
})
})
observer.observe(document.querySelector(".about-container"));