<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS blend modes examples</title>
    <style>
    html {
      font-family: sans-serif;
    }

    body {
      margin: 0;
    }

    div {
      width: 280px;
      height: 130px;
      padding: 10px;
      margin: 10px;
    }

    article {
      width: 330px;
      height: 180px;
      margin: 10px;
      position: relative;

    }

    body > div, article div:first-child {
      background: url(colorful-heart.png) no-repeat center 20px