wagtail_bakerydemo/bakerydemo/jinja2/includes/card/blog-listing-card.html

<div class="blog-listing-card">
    <a class="blog-listing-card__link" href="{{ pageurl(blog) }}">
        {% if blog.image %}
            <figure class="blog-listing-card__image">
                {{ image(blog.image, "fill-322x247-c100", loading="lazy") }}
            </figure>
        {% endif %}
        <div class="blog-listing-card__contents">
            <h2 class="blog-listing-card__title">{{ blog.title }}</h2>
            {% if blog.introduction %}
                <p class="blog-listing-card__introduction">{{ blog.introduction|truncatewords(15) }}</p>
            {% endif %}
            <p class="blog-listing-card__metadata">
                {% if blog.date_published %}
                    {{ blog.date_published|date("DATE_FORMAT") }} by
                {% endif %}
                {% for author in blog.authors() %}
                    {{ author }}{% if not loop.last %}, {% endif %}
                {% endfor %}
            </p>
        </div>
    </a>
</div>