<div class="my-media-element"></div>
<div class="my-media-element blended"></div>
/* styles for the two divs */
.my-media-element {
  
  /* dimensions */
  width: 600px;
  height: 288px;
  
  /* multiple backgrounds */
  background: 
    url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/pattern-50.png), 
    url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/none.jpg),  
    #f07e32;
}

/* styles for the div with blending mode applied */
.blended {
  background-blend-mode: screen;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.