JSFiddle - React, Tailwind, and code Playground

HTML

<div class="headband"><img src="http://img11.hostingpics.net/pics/678980Sanstitre2.jpg" alt="" width="1920" height="240"><h1 class="entry-title">Ma tagline de la mort qui tue</h1></div>

CSS

img{
  height:auto;
  max-width:100%;
}
.headband{
  position:relative;
  text-align:center;
}
.headband>img{
  vertical-align:middle;
}
.headband>h1{
  position:absolute;
  display:block;
  width:100%;
  top:50%;
  -webkit-transform:translateY(-50%)
  transform:translateY(-50%);
  margin:0;
  padding:0;
  line-height:1.6;
}
@media screen and (max-width: 1100px){
  .headband{
    overflow:hidden;
  }
  .headband>img{
    height:200px;
    width:auto;
    max-width:none;
  }
}