grav-theme-future2021/templates/partials/archives.html.twig

<section>
    <ul class="posts">
    {% for p in page.find(theme_config.blog_page).children.order('date', 'desc').slice(0, 5) %}

    {% if p.header.primaryImage %}
      {% set bannerimage = p.media[p.header.primaryImage]%}
   {% else %}
      {% set bannerimage = p.media.images|first %}
   {% endif %}
    <li>
        <article>
           <header>
         <h3><a href="{{p.url}}">{{ p.title }}</a></h3>
        <time class="published" datetime="{{p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time>
        </header>
        <a href="{{p.url}}" class="image">
            {{ bannerimage.cropZoom(64,64).quality(60).loading('lazy').html('',p.title)|raw }}
        </a>
       </article>
    </li>
   {% endfor %}
   </ul>
</section>