.image { 
    position: relative; 
    width: 100%; /* for IE 6 */
} 

.image img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 100%;
}

h2 { 
    position: absolute; 
    top: 30%; 
    left: 10%;
    width: 100%; 
    margin-left: 1em;
}

h2 span { 
    color: white;
    font: bold 24px/45px Helvetica, Sans-Serif; 
    letter-spacing: -1px;  
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.7);
    padding: 10px; 
}