photo_section.html

<section class="section">
  <div class="container">
    {% if title %}<h2 class="title is-2">{{ title }}</h2>{% endif %}
    <div class="columns is-vcentered mt-4">
      <div class="column is-one-third {% if align|default(value="left") == "right" %}is-pulled-right{% endif %}">
        <figure class="image is-4by3">
          {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ img, width=800, height=600) -%}
          <img src="{{image.url}}" alt="{{ alt }}"/>
          {% if credit %}
          <figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ credit }}</figcaption>
          {% endif %}
        </figure>
      </div>
      <div class="column is-two-thirds content">
        {{ body|markdown|safe }}
      </div>
    </div>
  </div>
</section>