<div class="container">
<p>
<img src="https://satyr.dev/5000x5000/green?text=1" class="img-fluid" loading="eager">
</p>
<p>
<img src="https://satyr.dev/5000x5000/green?text=2" class="img-fluid" loading="eager">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=3" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=4" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=5" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=6" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=7" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=8" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=9" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=10" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=11" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=12" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=13" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=14" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=15" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=16" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="http://satyr.io/5000x5000/gray?text=17" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=18" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=19" width="500" height="500" class="img-fluid" loading="lazy">
</p>
<p>
<img src="https://satyr.dev/5000x5000/gray?text=20" width="500" height="500" class="img-fluid" loading="lazy">
</p>
</div>
This Pen doesn't use any external JavaScript resources.