Source (Nunjucks)

<section class="gallery">
  <div class="wrapper flow">
    <h2 class="section-title">{{ data.title }}</h2>
    <p class="section-intro">{{ data.byline }}</p>
    <p>{{ data.summary }}</p>

    <div class="gallery grid">
      {% for image in data.images %}
        <div class="flow">
          <picture>
            <source srcset="{{ image.src }}.webp" type="image/webp">
            <img src="{{ image.src }}.jpg" alt="{{ image.alt }}" loading="lazy"/>
          </picture>
        </div>
      {% endfor %}
    </div>

    <div class="flow">
      <a href="{{ data.button.href }}" class="button">
        {{ data.button.label }}
      </a>
    </div>
  </div>
</section>