Image blend test

by trolleymusic

HTML

<div class="red">
<img src="http://localhost/assets/cms_img/video_alistair-amanda.jpg">
</div>

<div class="yellow">
<img src="http://localhost/assets/cms_img/video_car.jpg">
</div>

<div>
<img src="http://localhost/assets/cms_img/video_alistair-amanda.jpg">
</div>

CSS

div {
 display: block;
position: relative;
 margin: 10px;   
}
div img {
    position: relative;
    display: block;    
    opacity: 0.6;
}

div.yellow {
                    background: rgba(255, 207, 1, 0.85);
}
div.red {
                    background: rgba(130, 0, 83, 0.85);
}