.section-small-hero {
  position: relative;
  
  .content-container {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    text-align: center;

    h1 {
      font-size: 50px;
      color: #10161c;
      font-weight: 700;

      @media (max-width: 991px) {
        font-size: 28px;
      }
    }
  }
  
  .background-image {
    position: relative;
    height: 250px;
    width: 100vw;

    img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
}