.bannerSection {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    width: 100%;
    position: relative; }
    .bannerSection img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0; }
    .bannerSection video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0; }
    .bannerSection .content {
      position: absolute;
      width: 90%;
      margin: auto;
      text-align: center; }
      .bannerSection .content .heading1 {
        font-size: 2.625rem; }
        @media screen and (min-width: 64.0625rem) {
          .bannerSection .content .heading1 {
            font-size: 4.5rem; } }
    .bannerSection .content--overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.4); }