Используйте изображение вместо цвета в линейном градиенте

Question

Я использую background: linear-gradient(110deg, #ecf0fa 60%, #223f5c 60%); } и хочу поместить изображение вместо второго цвета, чтобы фоновое изображение было «вырезано». Возможно ли это как-то с линейным градиентом?

HTML:

<div class="background">
</div>

CSS:

.background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, #ecf0fa 60%, #223f5c 60%);
}

Скрипка: https://jsfiddle.net/abosv38d/1/