{% load wagtailimages_tags wagtailcore_tags %}

<div class="row serene-card-grid">
    {% for item in value.pages %}
    <div class="col-sm-6 col-md-4 serene-card-col">
        <a class="serene-card" href="{% pageurl item.page %}">
            {% if item.teaser %}
            <span class="serene-card-media">
                {% image item.teaser fill-600x360 class="img-responsive" %}
            </span>
            {% endif %}
            <span class="serene-card-body">
                <span class="serene-card-title">{{ item.page.title }}</span>
            </span>
        </a>
    </div>
    {% endfor %}
</div>