Inspo

Source (Nunjucks)

<div class="inspo region indent">
  <div class="corner" data-corner-docked data-corner-theme="primary"></div>
  <div class="wrapper">
    <h2 class="visually-hidden">{{ data.heading }}</h2>
    <div class="inspo__grid">
      {% for line in data.displayHeading %}
        <p class="inspo__heading" aria-hidden="true">{{ line }}</p>
      {% endfor %}
      <div class="inspo__img">
          <picture>
            <source srcset="{{ data.img.src }}.webp" type="image/webp">
            <img src="{{ data.img.src }}.jpg" alt="{{ data.img.alt }}" loading="lazy" draggable="false"/>
          </picture>
        {# <img src="{{ data.img.src }}" alt="{{ data.img.alt }}" loading="lazy"/> #}
      </div>
    </div>
  </div>
  <div class="inspo__stripe indent"></div>
</div>