<style>
        .gallery-img img
        {
            width:250px;
            height:250px;
            margin:10px;
        }
    </style>
    <section class="milestone-gallery text-center">
        <div class="container py-4 ">
            <div class="sec-title">
                 <h2 >Our Gallery</h2>
            </div>
           
            <!--<div class="row pb-4">-->
                 <?php
                    // $sqlvideo = "SELECT * FROM tb10_gallery_video ORDER BY 'id' ASC LIMIT 1";
                    // $runvideo = mysqli_query($db,$sqlvideo);
                    // $datavideo = mysqli_fetch_assoc($runvideo);
                ?>
            <!--    <div class="col-lg-12 ">-->
            <!--        <div class="yt-inner">-->
            <!--            <iframe width="80%" height="400" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
            <div class="row">
                <?php
                    $sqlgal = "SELECT * FROM `tb9_gallery_photo` LIMIT 4";
                    $rungal = mysqli_query($db,$sqlgal) or die("Query Not run");
                    while($datagal = mysqli_fetch_assoc($rungal)){
                ?>
                <div class="col-md-3">
                    <div class="gallery-img">
						<figure class=""><a class="lightbox-image" href="<?php echo $wspath?>images/products/<?php echo $datagal['image']?>">
						    <img src="<?php echo $wspath?>images/products/<?php echo $datagal['image']?>" alt="<?php echo $data['admin_name']?>"></a>
						</figure>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </section>