{% block header %}

<div class="header-frame">
    <div class="bubble">
        <div class="bubble-group">
            <div class="header-title">
                <p class="header-title-element">Nos thés et infusions en vrac</p>
            </div>
            <div class="bubble-overlap">
                <p class="bubble-element">
                    <span class="bubble-text-promo">-15%</span>
                    <br />
                    <span class="bubble-text-details">Dès 200G*</span>
                </p>
            </div>
            <div class="bubble-overlap">
                <p class="bubble-element">
                    <span class="bubble-text-promo">-20%</span>
                    <br />
                    <span class="bubble-text-details">Dès 300G*</span>
                </p>
            </div>
            <div class="bubble-overlap">
                <p class="bubble-element">
                    <span class="bubble-text-promo">-25%</span>
                    <br />
                    <span class="bubble-text-details">Dès 500G*</span>
                </p>
            </div>
            <div class="header-title">
                <p class="header-subtitle-element">*de la même recette</p>
            </div>
        </div>
    </div>
{#    <img class="rectangle" src="{{ asset('images/header.png') }}"  alt="Nos thés et infusions en vrac"/>#}
</div>

{% endblock %}