{% for ticket in tickets %}
<div style="width: max-content; position: relative;{% if not loop.first %}margin-top:30%;{% endif %}">
    <img src="data:image/jpeg;base64,[encoded data, 30604 characters]" width="704">

    <div style="display: inline-flex; position: relative;">
        <div style="width: min-content; position: relative;">
            <div style="color: black; position: absolute; top: 1%; left: 7%; z-index: 10;">
                {{ (ticket.type | ticket)['name'] }}
            </div>
            <img src="{{ ticket | qr }}" width="200" height="200" style="margin-top: 10px; position: absolute">
        </div>
        <img width="496.5" height="200" style="left: 41.6%; position: absolute" src="data:image/jpeg;base64,[encoded data, 81612 characters]">
    </div>
</div>
{% endfor %}