responsive fluid background image

by Rich Costello

HTML

<div class="banner">
    <img src="https://www.google.es/images/srpr/logo11w.png" />
    <div class="content">
    <p>Lorem ipsum dolor sit amet, et has omnium.</p>
  
       
    </div>
</div>

CSS

.banner {
    position: relative;
}
.banner > img{
    width: 100%;
    height: auto;
}
.banner > .content{
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
}