<div class="container -column">
  <div class="card -small -yellow -color">
  </div>
  <div class="card -small -yellow -darken">
  </div>
  <div class="card -small -yellow -screen">
  </div>
</div>

.card {
  background-image: linear-gradient(-134deg, #FFEA9D 0%, #FF9458 100%), url(https://unsplash.it/g/300/300?random);
  background-size: cover;
  background-position: center;
}

.-color {
  background-blend-mode: color;
}

.-darken {
  background-blend-mode: darken;
}

.-screen {
  background-blend-mode: screen;
}