<div class="card">
    {% set image = page.media.images|first %}
    <div class="card-header mx-0 container-fluid">
        <div class="row">
            <div class="col-12 col-sm-9 mb-2">
                <div class="card-title">
                    {% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
                </div>
                <div class="card-subtitle">
                    <small>{% include 'partials/blog/date.html.twig' %}</small>
                </div>
            </div>
            {% if image %}
                <div class="col-12 col-sm-3">
                    <img src="{{ image.url }}" class="w-100" />
                </div>
            {% endif %}
        </div>
    </div>
    <div class="card-body">
        {% if page.summary != page.content %}
            {{ page.summary|raw }}
        {% else %}
            {{ page.content|raw }}
        {% endif %}
    </div>
    {% if page.taxonomy.tag %}
        <div class="card-footer p-1">
            {% include 'partials/blog/taxonomy.html.twig' %}
        </div>
    {% endif %}
</div>