<div class="container">

  <p>
    <img src="http://satyr.io/5000x5000/green?text=1" class="img-fluid" loading="eager">
  </p>  
  
  <p>
    <img src="http://satyr.io/5000x5000/green?text=2" class="img-fluid" loading="eager">
  </p>  
  
  <p>
    <img src="http://satyr.io/5000x5000/gray?text=3" class="img-fluid" loading="lazy">
  </p>  
  
  <p>
    <img src="http://satyr.io/5000x5000/gray?text=4" class="img-fluid" loading="lazy">
  </p>   
  
  <p>
    <img src="http://satyr.io/5000x5000/gray?text=5" class="img-fluid" loading="lazy">
  </p>     
  
  <p>
    <img src="http://satyr.io/5000x5000/gray?text=6" class="img-fluid" loading="lazy">
  </p>       
  
  <p>
    <img src="http://satyr.io/5000x5000/gray?text=7" class="img-fluid" loading="lazy">
  </p>         
  
  <p>
    <img src="http://satyr.io/5000x5000/gray?text=8" class="img-fluid" loading="lazy">
  </p>           
  
  <p>
    <img src="http://satyr.io/5000x5000/gray?text=9" class="img-fluid" loading="lazy">
  </p>             

  <p>
    <img src="http://satyr.io/5000x5000/gray?text=10" class="img-fluid" loading="lazy">
  </p>             
    
</div>  

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.