Banner

<svg xmlns="http://www.w3.org/2000/svg" class="filters">
  <filter id="orange-500">
    <feColorMatrix type="matrix" values=" 1.624  0.000  0.000  0.000  0.000 0.486  0.000  0.000  0.000  0.000 0.212  0.000  0.000  0.000  0.000 0.000  0.000  0.000  1.000  0.000">
    </feColorMatrix>
  </filter>
  <filter id="purple-600">
    <feColorMatrix type="matrix" values=" 0.486  0.000  0.000  0.000  0.000 0.408  0.000  0.000  0.000  0.000 1.196  0.000  0.000  0.000  0.000 0.000  0.000  0.000  1.000  0.000">
    </feColorMatrix>
  </filter>
</svg>
<div class="banner">
  <h1>Who We Are</h1>
  <figure><img class="filter-purple-600" src="../../../static/images/march.jpg" alt="" /></figure>
</div>

{{ c("banner", {
  "title": "Who We Are",
  "img": "../../../static/images/march.jpg"
}) }}