<svg class="hidden">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 3" id="ae">
<path fill="#00843D" d="M0 0h6v3H0z"></path>
<path fill="#fff" d="M0 1h6v2H0z"></path>
<path d="M0 2h6v1H0z"></path>
<path fill="#C8102E" d="M0 0h1.5v3H0z"></path>
</symbol>
типа изначально большая шапка
а при скролле уменьшается