<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>  

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.