<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/peugot.jpg" alt="HDR Photograph of a battered Peugot car"> </div>

div { width: 80%; max-width: 900px; background-color: #fff; margin: 0 auto; background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/masque-24.png); background-size: cover; } div img { width: 100%; mix-blend-mode: screen; }