[data-component-id="avchildcare:program_banner"] {
    width: 100%;
  --card-color: var(--color-teal);

  &.program-card--orange { --card-color: var(--color-orange); }
  &.program-card--coral  { --card-color: var(--color-coral); }
  &.program-card--blue   { --card-color: var(--color-blue); }
  &.program-card--lime   { --card-color: var(--color-lime); }
  
    & .program-banner__banner {
        width: 100%;
        max-height: 650px;
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    & .program-banner__media {
        object-fit: cover;
        width: 100%;
        max-height: 650px;
        object-position: 0 9%;
    }
    & .program-banner__icon {
        position: absolute;
        width: 100%;
        max-width: 200px;
        left: 0;
    }
    & .program-banner__cloud {
        position: absolute;
        bottom: -18%;
    }
    & .program-banner__body {
        padding: 40px 20px;
    }
}

@media (min-width: 768px) {
    [data-component-id="avchildcare:program_banner"] {
        & .program-banner__icon {
            max-width: 300px;
            left: 6%;
        }
        & .program-banner__body {
            padding: 60px 64px 48px 64px;
        }     
        & .program-banner__cloud {
            bottom: -15%;
        }   
    }
}