/* Mobile banner only */
@media screen and (max-width: 767px) {

  #bannerContainer {
    position: relative !important;
    height: clamp(170px, 53.33vw, 260px) !important;
    overflow: hidden !important;
  }

  #bannerContainer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    background-color: #fff;
    background-image: url("https://clubrunner.blob.core.windows.net/00000009512/Images/Rotary-E-Club-of-Hawaii-Mobile-Banner.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
  }

}