.page-banner--teal .overlay { background: #7ECABD; }
.page-banner--orange .overlay { background: #EFCF8F; }
.page-banner--coral .overlay { background: var(--color-coral-light); }

[data-component-id="avchildcare:page_banner"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 450px;
  position: relative;
  overflow: clip;
  
  & .overlay {
    pointer-events: none;
    opacity: 60%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  & .page-banner__media,
  & .page-banner__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  & .page-banner__text,
  & .page-banner__cloud {
    position: absolute;
  }
  
  & .page-banner__text {
    max-width: 768px;
    margin-bottom: 54px;
    h1, p {
      color: var(--text-alternate);
    }
  }

  & .page-banner__cloud {
    top: 60%;
    width: 1440px;
  }
  
}

@media (min-width: 768px) {
  [data-component-id="avchildcare:page_banner"]  {
    height: 391px;  
  }
}