I'm trying to understand the Intersection Observer API.

In my test, I send a HTTP request to an API, map over the API response and list some images. Then, I use intersection observer to lazy load those images.

Can some one please tell me why the last image doesn't show at all?

Bellow is the example on CodePen:

Lazy Loading Images with Intersection Observer API