Почему callback для intersectionObserver запускается сразу?

я сейчас промучался некоторое количество времени, не понимая, почему observer моментально выводит картинки, а не при скролле.
Оказалось, что так как картинки еще не загружены, они "схлопывались" не имея высоты в самом верху страницы, который, естественно, попадал в видимую часть.
После этого они сразу и загружались)))
Надеюсь это сообщение сэкономит кому-нибудь время и нервы/

Колбэк запускается по нескольким событиям. Например, при загрузке страницы – в этот момент колбэк запускается с аргументом со сведениями о непопадании во вьюпорт.

https://jsfiddle.net/k0m3tzf4/ – здесь добавлен аргумент, можно поизучать его немного, примечателен флаг isIntersecting.