{% for event in events %}

    {% if forloop.counter|divisibleby:2 %}

        <div class="row">
            <div class="col-6 mb-2" style="background-image: url('{{ event.image.url }}');
                        background-repeat: no-repeat;
                        background-position: center;
                        background-size: cover;">
            </div>
            <div class="col-6 mb-2 bg-white">
                <p>{{ event.description|truncatewords:"10" }}</p>
            </div>
        </div>

    {% else %}

        <div class="row">
            <div class="col-6 mb-2 bg-white">
                <p>{{ event.description|truncatewords:"10" }}</p>
            </div>
            <div class="col-6 mb-2" style="background-image: url('{{ event.image.url }}');
                        background-repeat: no-repeat;
                        background-position: center;
                        background-size: cover;">
            </div>
        </div>

    {% endif %}

{% endfor %}