<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.