<div class="about-container">
        <h1>About us</h1>
        <div class="color-overlay"></div>
    </div>


.about-container{
  width: 100%;
  height: 425px;
  background: url(../images/about-banner.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #c69963;
  position: relative;
}

.color-overlay{
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  position: absolute;
}