{% for category in page.taxonomy.category %}
  <div class="card {{ category }}">

      <div class="card-image">
          <a href="{{ page.url }}"><img src="{{page.url}}/{{page.header.meaimg}}" alt="{{page.header.meaimg}}"></a>
      </div>

      <div class="card-header">
          <div class="card-title">
          {% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
          </div>


          {% if page.taxonomy.category %}
            <div class="card-category">
              {% include 'partials/blog/category.html.twig' %}
            </div>
        {% endif %}

        {% if page.date %}
        <div class="card-date">
          {% include 'partials/blog/date.html.twig' %}
        </div>
        {% endif %}
      </div>

      {% if page.taxonomy.tag %}
        <div class="card-footer">
          {% include 'partials/blog/taxonomy.html.twig' %}
        </div>
    {% endif %}
  </div>
{% endfor %}
