<div class="project-gallery">
  <div class="gallery-container">
    <div class="gallery-item">
      <figure>
        <img src="/files/path/to/image-1.jpg" alt="Gallery image 1">
        <figcaption>Short caption here.</figcaption>
      </figure>
    </div>
    <div class="gallery-item">
      <figure>
        <img src="/files/path/to/image-2.jpg" alt="Gallery image 2">
        <figcaption>Short caption here.</figcaption>
      </figure>
    </div>
    <div class="gallery-item">
      <figure>
        <img src="/files/path/to/image-3.jpg" alt="Gallery image 3">
        <figcaption>Short caption here.</figcaption>
      </figure>
    </div>
  </div>

  <div class="lightbox">
    <div class="lightbox-content">
      <span class="lightbox-close">&times;</span>
      <span class="lightbox-nav lightbox-prev">&#10094;</span>
      <img class="lightbox-img" src="" alt="Gallery image">
      <span class="lightbox-nav lightbox-next">&#10095;</span>
    </div>
  </div>
</div>