caffe-bene.scss

<section class="hero">
  <div class="img-wrap">
    <img src="img.jpg" alt="" />
  </div>
</section>

.hero {
  .img-wrap {
    position: relative;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    
    img {
      position: absolute; 
      margin: auto;
    }
  }
}