Gallery

 <section id="gallery" class="py-3">
        <div class="container tz-gallery">
            <div class="row cols-xl-space cols-sm-space">
                <div class="col-sm-12 col-md-4 ">
                    <a class="lightbox " href="https://via.placeholder.com/1200x800.jpeg">
                         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://via.placeholder.com/600x400.jpeg" alt="Park" class="img-fluid lazyload hover-shadow-lg hover-translate-y10">
                    </a>
                </div>
                <div class="col-sm-12 col-md-4">
                    <a class="lightbox " href="https://via.placeholder.com/1200x800.jpeg">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://via.placeholder.com/600x400.jpeg" alt="Park" class="img-fluid lazyload hover-shadow-lg hover-translate-y10">
                   </a>
                </div>
                <div class="col-sm-12 col-md-4">
                    <a class="lightbox " href="https://via.placeholder.com/1200x800.jpeg">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://via.placeholder.com/600x400.jpeg" alt="Park" class="img-fluid lazyload hover-shadow-lg hover-translate-y10">
                   </a>
                </div>
                <div class="col-sm-12 col-md-4">
                    <a class="lightbox " href="https://via.placeholder.com/1200x800.jpeg">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://via.placeholder.com/600x400.jpeg" alt="Park" class="img-fluid lazyload hover-shadow-lg hover-translate-y10">
                   </a>
                </div>
                <div class="col-sm-12 col-md-4">
                    <a class="lightbox " href="https://via.placeholder.com/1200x800.jpeg">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://via.placeholder.com/600x400.jpeg" alt="Park" class="img-fluid lazyload hover-shadow-lg hover-translate-y10">
                   </a>
                </div>
                <div class="col-sm-12 col-md-4">
                    <a class="lightbox " href="https://via.placeholder.com/1200x800.jpeg">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://via.placeholder.com/600x400.jpeg" alt="Park" class="img-fluid lazyload hover-shadow-lg hover-translate-y10">
                   </a>
                </div>
            </div>
        </div>
</section>

Gallery 2 in row

 <section class="py-3">
        <div class="container text-center">
          <div class="row">
            <div class="col-md-6 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-6 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
          </div>
        </div>
</section>

Gallery 3 in row

<section class="py-3">
        <div class="container text-center">
          <div class="row">
            <div class="col-md-4 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-4 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-4 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-4 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-4 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-4 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
          </div>
        </div>
      </section>

Gallery 4 in row

<section class="py-3">
        <div class="container text-center">
          <div class="row">
            <div class="col-md-3 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-3 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-3 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-3 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-3 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-3  mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-3 mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
            <div class="col-md-3  mb-4"><img class="img-fluid lazyload" data-src="https://via.placeholder.com/600x400.jpeg" alt=""></div>
          </div>
        </div>
</section>