{% load image_filters svg %} {% if cards %}
{% for card in cards %} {% if forloop.last and cards|length|add:1|divisibleby:3 %}
{% else %}
{% endif %}
{% if card.image %}
{% if forloop.last and cards|length|add:1|divisibleby:3 %}
{% responsive_image img=card.image ratio=2 %} {% elif forloop.last and cards|length|add:2|divisibleby:3 %}
{% responsive_image img=card.image ratio=3 %} {% else %}
{% responsive_image img=card.image ratio=1 %} {% endif %}
{% endif %}
{# `.media` is used to have a smaller margin-bottom #} {% if card.title %}

{{ card.title }}

{% endif %} {% if card.text %} {{ card.text | safe }} {% endif %}
{% if card.buttons %}
{% for button in card.buttons %} {{ button.text }} {% endfor %}
{% endif %}
{% endfor %}
{% endif %}