<!DOCTYPE html>
<title>Example</title>
<style>
div {
width: 200px;
height: 200px;
color: white;
font-family: sans-serif;
text-align: center;
padding: 10px;
float: left;
background-color: red;
background-image: url('/pix/samples/11m.jpg');
background-size: cover;
}
.blender {
background-blend-mode: hard-light;
</style>
<div>
Not Blended
</div>
<div class="blender">
Blended
