Маска изображения из родительского div

Question

Я хочу обрезать png изображение от div, Как я могу это сделать?

Это самое близкое, что я мог получить к тому, что я ищу, используя mix-blend-mode, но это не поможет мне, если цвет фона div не #000 или же #fff:

Вот простой фрагмент для работы:

html, body {
  background: url("http://i.imgur.com/m0TaGXH.png");
}
header {
  position: fixed;
  padding: 0.5em 1%;
  top: 0; left: 0; right: 0;
  width: 98%;
  background: #1c1b20;
}
header > img {
  display: block;
}

<header>
  <img src="http://i.imgur.com/xZaujwq.png">
</header>