<section class="section">
  <div class="columns is-multiline is-same-height is-centered is-mobile">
    {% for picture in page.extra.gallery[name] %}
      <div class="column is-one-third is-half-mobile">
        <a href="#">
          <figure class="image is-4by3">
            {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ picture.image, width=800, height=600) -%}
            <img src="{{image.url}}" alt="{{picture.alt}}" />
            {% if picture.image.credits %}
              <figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ picture.image.credits }}</figcaption>
            {% endif %}
          </figure>
        </a>
      </div>
    {% endfor %}
  </div>
</section>