Image

<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>
<img class="filter-purple-600" src="../../../static/images/march.jpg"  />

{{ c("image", {
  "context": {},
  "class": "filter-purple-600"
}) }}