.about-hero {
  width: 100%;
  height: 70vh;
  min-height: 320px;
  background: url('/images/about-us/about-us_hero.jpg') top center/cover no-repeat;
  overflow: hidden;
  position: relative;
}

@media (max-width: 768px) {
  .about-hero {
    padding-top: 100px; /* Create space for navbar and status bar */
  }
  
  .about-hero-img {
    height: 220px;
  }
}