{% load thumbnail %}

<div class="action normal_action {{ block_type }}_action">
    <div class="image">
        {% if block.image %}
            <a href="{{ block.link }}" class="relative hover">
                <img src="
                    {% if grid_width == '3' %}
                        {% if block_size == '1x1' %}
                            {% thumbnail block.image '368x198' crop %}
                        {% elif block_size == '2x1' %}
                            {% thumbnail block.image '755x198' crop %}
                        {% elif block_size == '2x2' %}
                            {% thumbnail block.image '720x530' crop %}
                        {% elif block_size == '3x2' %}
                            {% thumbnail block.image '1095x530' crop %}
                        {% endif %}
                    {% else %}
                        {% if block_size == '1x1' %}
                            {% thumbnail block.image '345x200' crop %}
                        {% elif block_size == '2x1' %}
                            {% thumbnail block.image '720x258' crop %}
                        {% elif block_size == '2x2' %}
                            {% thumbnail block.image '720x530' crop %}
                        {% elif block_size == '3x2' %}
                            {% thumbnail block.image '1095x530' crop %}
                        {% endif %}
                    {% endif %}
                " alt="{{ block }}" class="img-responsive"/>
                <div class="absolute cover"></div>
            </a>
        {% endif %}
    </div>
    <h2 class="title"><a href="{{ block.link }}">{{ block }}</a></h2>
    <p class="description">{{ block.content|linebreaksbr }}</p>
</div>