<!-- image Default -->
      <div class="row">
        <div class="col-md-4">
          <div class="image_container">
            <img src="img/elements/el9.jpg" alt="gallery">
          </div>
        </div>
      </div>
    
      <!-- image with pattern -->
      <div class="img-pattern-style">
        <img  src="img/normal-img/about-sec-img.jpg alt="gallery">
      </div>

      <!-- image with flipped pattern  -->
      <div class="img-pattern-style flip">
        <img  src="img/normal-img/about-sec-img.jpg" alt="gallery">
      </div>
    
      <!-- image circle -->
      <div class="image_container image_circle">
        <img src="img/gallery/g1.jpg" alt="gallery">
      </div>
    
      <!-- image bordered -->
      <div class="image_container">
        <img class="image_bordered" src="img/gallery/g1.jpg" alt="gallery">
      </div>
    
                

How to use

• Use .image_container wrapper for <img> element
• Use .image_rounded, .image_circle , .image_bordered with <img> element for rounded, circle or bordered image style