Transparent Overlay using CSS

For Forrst member.

HTML

<div class="">
    <img src="http://lorempixum.com/200/200/" alt="">
    <span></span>
</div>

CSS

body {
    background: #e6e6e6 url(http://i1208.photobucket.com/albums/cc369/sl1dr/noise.png) 0 0 repeat;
}
.overlay {
    background: red;
    border: 1px solid #aaa;
    height: 400px;
    margin: 50px auto;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 400px;
}
.overlay img {
    height: 400px;
    width: 400px;
}