{% extends "label.html" %}
{% block css %}{{ super() }}

.shipping {
flex-direction: row;
align-items: initial;
}
.shipping .inner {
width: 6in;
height: 4in;
overflow: hidden;
}
.shipping .inner img {
height: 100%;
}
{% endblock %}

{% block content %}
{% for shipment in shipments %}
<div class="container shipping">
    <div class="inner">
        <img src="{{ shipment.labelSource }}" alt="label {{ shipment.id }}" />
    </div>
</div>
{% endfor %}
{% endblock %}