<div>
  <img class="blended" src="http://www.asbayrak.org/wp-content/uploads/turk-bayragi-3.jpg"/>
</div>
div {
  width: 720px;
  height: 300px;
  background-image: url(https://www.breitling.com/bundles/breitlingretailers/images/maps/TR.png);
  background-size: cover;
}

.blended {
  width: 720px;
  height: 350px;
  mix-blend-mode: lighten;
}
Rerun