<div class="sunrise"></div>
.sunrise {
  width: 400px;
  height: 300px;
  background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/Linus_Torvalds.jpeg/439px-Linus_Torvalds.jpeg') center center / 200px 250px no-repeat, 
    linear-gradient(to bottom, rgba(54,188,245,1) 0%, rgba(240,213,93,1) 56%, rgba(227,214,129,1) 61%, rgba(34,174,199,1) 71%, rgba(51,72,135,1) 100%);
 
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.