gallery-snippet.html

<div class="row">
    <!-- Gallery Item 1 -->
    <div class="col-md-6 col-sm-6 col-lg-4">
      <div class="gallery-box">
        <a class="lightbox" href="assets/img/gallery/img-1.jpg" data-lightbox-gallery="gallery">
          <div class="img-thumb">
            <img class="img-fluid" src="assets/img/gallery/img-1.jpg" alt="">
          </div>
          <div class="overlay-box text-center">
            <i class="lni-plus"></i>
          </div>
        </a>
      </div>
    </div>

    <!-- Gallery Item 2 -->
    <div class="col-md-6 col-sm-6 col-lg-4">
      <div class="gallery-box">
        <a class="lightbox" href="assets/img/gallery/img-2.jpg" data-lightbox-gallery="gallery">
          <div class="img-thumb">
            <img class="img-fluid" src="assets/img/gallery/img-2.jpg" alt="">
          </div>
          <div class="overlay-box text-center">
            <i class="lni-plus"></i>
          </div>
        </a>
      </div>
    </div>
    <!-- Add more gallery items following the same pattern -->

  </div>