{% load thumbnail util_tags %}

<div class="timetable__item__main reveal reveal_animation">
    <div class="timetable__item__image">
        <div class="timetable__item__image__frame">
            {% thumbnail instance.image 960x648 box=instance.cropping crop detail as thumb %}
            <div class="timetable__item__image__main scroll" data-ease-multiplier="-2"
                 style="background-image: url({{ thumb.url|media_bridge }})"></div>
        </div>
    </div>
    <div class="timetable__item__content">
        <div class="timetable__item__content__frame">
            <h2 class="timetable__item__title">{{ instance.title }}</h2>
            <p class="section__text timetable__item__text">{{ instance.text }}</p>
        </div>
    </div>
</div>