Lazy Loading Images

HTML

<img src="https://via.placeholder.com/100x50.png?text=1" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=2" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=3" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=4" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=5" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=6" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=7" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=8" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=9" loading="lazy">
<img src="https://via.placeholder.com/100x50.png?text=10" loading="lazy">

CSS

img {
  border: solid 1px #000;
  display: block;
  height: 50px;
  margin-bottom: 50px;
  width: 100px;
}