intro-image-hide-mobile{% endif %}" src="{{ page.intro_image | relative_url }}" />
      </div>
      {% endif %}
    </div>
  </div>
</div>

<div class="container pt-6 pb-6">
  <div class="row">
    {% assign sorted_pieces = site.pieces | sort: 'weight' %}
    {% for piece in sorted_pieces %}
    <div class="col-12 col-md-6 mb-3">
      <div class="piece piece-summary">
        <div class="piece-content">
          <h2 class="piece-title">
            <a href="{{ piece.url | relative_url }}">{{ piece.title