<!-- Campus Image Gallery (Carousel) -->
<section class="py-5 bg-dark">
<div class="container py-4">
<div class="text-center mb-5">
<h2 class="fw-bold text-white">Campus Life Gallery</h2>
<p class="text-white-50">A glimpse into our state-of-the-art facilities</p>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<div id="galleryCarousel" class="carousel slide rounded-4 overflow-hidden shadow-lg" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://media.istockphoto.com/id/1412454825/photo/university-students-walking-outside-on-campus.jpg?s=612x612&w=0&k=20&c=UbcKVse1IAXvKn0nab2uEJ3FS-VpJAeDbGwUEGY9My0=" class="d-block w-100" alt="Main Building">
<div class="carousel-caption d-none d-md-block bg-dark bg-opacity-75">
<h5>Our Main Campus Building</h5>
</div>
</div>
<div class="carousel-item">
<img src="https://media.istockphoto.com/id/1779070756/photo/two-university-students-walk-down-campus-stairs.jpg?s=612x612&w=0&k=20&c=N7d2_6_aoPReJd9b6fUMG9xWwEj-yX9UG-qjdcIxws0=" class="d-block w-100" alt="Robotics Lab">
<div class="carousel-caption d-none d-md-block bg-dark bg-opacity-75">
<h5>Advanced Engineering Workshop</h5>
</div>
</div>
<div class="carousel-item">
<img src="https://media.istockphoto.com/id/2122148349/photo/writing-an-exam-at-the-university.jpg?s=612x612&w=0&k=20&c=LgVzLcd_cxNDQrolZFFqg7AIQnTd_xBrvdWfr-eVoK8=" class="d-block w-100" alt="Library">
<div class="carousel-caption d-none d-md-block bg-dark bg-opacity-75">
<h5>Modern Technical Library</h5>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#galleryCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#galleryCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
</div>
</div>
</section>