<div class="container">

  <p>
    <img src="https://satyr.dev/5000x5000/green?text=1" width="500" height="500" class="img-fluid" loading="eager">
  </p>  
  
  <p>
    <img src="https://satyr.dev/5000x5000/green?text=2" width="500" height="500" class="img-fluid" loading="eager">
  </p>  
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=3 2500w, 
      https://satyr.dev/5000x5000/gray?text=3 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>  
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=4 2500w, 
      https://satyr.dev/5000x5000/gray?text=4 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=5 2500w, 
      https://satyr.dev/5000x5000/gray?text=5 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>    
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=6 2500w, 
      https://satyr.dev/5000x5000/gray?text=6 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>       
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=7 2500w, 
      https://satyr.dev/5000x5000/gray?text=7 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>       
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=8 2500w, 
      https://satyr.dev/5000x5000/gray?text=8 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>         
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=9 2500w, 
      https://satyr.dev/5000x5000/gray?text=9 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>            

  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=10 2500w, 
      https://satyr.dev/5000x5000/gray?text=10 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>           
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=11 2500w, 
      https://satyr.dev/5000x5000/gray?text=11 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>     
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=12 2500w, 
      https://satyr.dev/5000x5000/gray?text=12 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>   
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=13 2500w, 
      https://satyr.dev/5000x5000/gray?text=13 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>   
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=14 2500w, 
      https://satyr.dev/5000x5000/gray?text=14 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>     
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=15 2500w, 
      https://satyr.dev/5000x5000/gray?text=15 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>      
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=16 2500w, 
      https://satyr.dev/5000x5000/gray?text=16 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>          
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=17 2500w, 
      https://satyr.dev/5000x5000/gray?text=17 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>   
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=18 2500w, 
      https://satyr.dev/5000x5000/gray?text=18 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>  
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=19 2500w, 
      https://satyr.dev/5000x5000/gray?text=19 5000w" 
      width="500" height="500" class="img-fluid" 
      loading="lazy">
  </p>   
  
  <p>
    <img srcset="
      https://satyr.dev/2500x2500/gray?text=20 2500w, 
      https://satyr.dev/5000x5000/gray?text=20 5000w" 
      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.