Intersection Observer If statement wont select the specific entry - if-statement

Question

Hey I want to use intersection observer to change the background color on different sections.
However if I use an if statement inside a foreach to select the first, second, third entry, Its only selecting the first two section for every other.
HTML CODE
<section id="s1" class="section intro"></section>
<section id="s2" class="section about"></section>
<section id="s3" class="section lino"></section>
<section id="s4" class="section work"></section>
<section id="s5" class="section contact"></section>
THE WORKING JAVSCRIPT CODE
const sections = document.querySelectorAll(".section"),
options = {
root: null,
threshold: 0,
};
// new object with screen as root element
const observer = new IntersectionObserver(function (entries, observer) {
entries.forEach((entry) => {
console.log(entry.target);
});
}, options);
// observing a target element
sections.forEach((section) => {
observer.observe(section);
});
MY TRY which not functioning correctly:
const observer = new IntersectionObserver(function (entries, observer) {
entries.forEach((entry) => {
if (entries[0].isIntersecting) {
console.log("intro");
} else if (entries[1].isIntersecting) {
console.log("about");
} else if (entries[2].isIntersecting) {
console.log("lino");
} else if (entries[3].isIntersecting) {
console.log("work");
} else {
console.log("contact");
}
});
}, options);
In the console I only get the 'Intro' and 'About' for all the sections.