{% assign blog_comments = blog_item %}

<a class="article {% unless article.image %} no-image {% endunless %}" href="{{ article.url }}">

  <div class="article__content display-table">

    <div class="display-table-cell">

      <h2 class="h3 article__title">{{ article.title }}</h2>

      {% if article.image %}
        <figure class="article__img" style="background-image: url({{ article.image.src | img_url: '1024x1024' }})">
          <img src="{{ article.image.src | img_url: '1024x1024' }}" alt="{{ article.title }}" />
        </figure>
      {% endif %}

      {% include 'blog_meta' with blog_comments %}

      <div class="article__excerpt rte">
        <p>{{ article.excerpt_or_content | strip_html | truncatewords: 25 }}</p>
      </div>

    </div>

  </div>

</a>