<div class="fill">
  
</div>

html, body {
  margin: 0;
}
* {
  outline: red dotted 1px;
}
.fill {
  min-height: 92vh;
  background: url('http://lorempixel.com/400/200/abstract') no-repeat center, 
    linear-gradient(rgba(0, 0, 100, 0.9),rgba(200, 0, 0, 0.5)) ;
  background-size: 90% auto;
}