{% load thumbnail util_tags %}

<div class="quote reveal_container{% if instance.image %} image{% endif %}">
    <p class="quote__content reveal reveal_animation">{{ instance.content }}</p>
    {% if instance.image %}
        <div class="quote__image__frame reveal reveal_animation data_delay_2">
            <div class="quote__image__main">
                {% thumbnail instance.image 460x576 box=instance.cropping crop detail as thumb %}
                <img class="quote__image scroll" data-ease-multiplier="-1"
                     src="{{ thumb.url|media_bridge }}" width="{{ thumb.width }}" height="{{ thumb.height }}">
            </div>
            <p class="quote__source reveal reveal_animation data_delay_4">{{ instance.source }}</p>
        </div>
    {% else %}
        <p class="quote__source reveal reveal_animation data_delay_2">{{ instance.source }}</p>
    {% endif %}
</div>