<div class="color-overlay"></div>
.color-overlay {
	width:100vw;
	height: 100vh;
	background: /* transparent blue overlay */
	linear-gradient( rgba(235, 135, 101, 0.70), rgba(156, 154, 254, 0.70), rgba(253, 173, 232, 0.70)), /* inset your image below */
	url(https://images.unsplash.com/photo-1528645602411-bbeb0d69a6de?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=11888014195263978d54afcc95a39581&auto=format&fit=crop&w=1350&q=80);
  background-repeat: no-repeat;
  background-size: cover;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.