CodePen Embed - Lazy-load images with native solution

<img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=753&q=80" width="753" height="500">
  <img src="https://images.unsplash.com/photo-1519046904884-53103b34b206?w=753&q=80" width="753" height="500">
  <img src="https://images.unsplash.com/photo-1495954484750-af469f2f9be5?w=753&q=80" width="753" height="500" loading="lazy">
  <img src="https://images.unsplash.com/photo-1587502536900-baf0c55a3f74?w=753&q=80" width="753" height="500" loading="lazy">
  <img src="https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?w=753&q=80" width="753" height="500" loading="lazy">
  <img src="https://images.unsplash.com/photo-1471922694854-ff1b63b20054?w=753&q=80" width="753" height="500" loading="lazy">
  <img src="https://images.unsplash.com/photo-1473186578172-c141e6798cf4?w=753&q=80" width="753" height="500" loading="lazy">
  <img src="https://images.unsplash.com/photo-1487349384428-12b47aca925e?w=753&q=80" width="753" height="500" loading="lazy">
  <img src="https://images.unsplash.com/photo-1527437934671-61474b530017?w=753&q=80" width="753" height="500" loading="lazy">
  <img src="https://images.unsplash.com/photo-1473496169904-658ba7c44d8a?w=753&q=80" width="753" height="500" loading="lazy">

img {
  display: block;
  max-width: 100%;
  margin: 10px auto;
  border: 0;
}

Run Pen

This Pen is owned by luongvanphuc on CodePen.

See more by @luongvanphuc on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.