<div class="img-with-gradient"></div>
.img-with-gradient
{
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .5) 59%, rgba(0, 0, 0, 0.5) 100%), url('http://lorempixel.com/400/400/') no-repeat;
width: 400px;
height: 400px;
}