message: Move brand color behind banner image
  Ticket:
  Feature flag: n/a
  ## Purpose
  Enhance color contrast on branded registries pages
  ## Summary of Changes
  Move the brand's primary color behind the brand's banner image
diff: min-height: 100%;
  position: relative;
  - &::before {
  + &::after {
  @include primary-color-bg;
  background: var(--hero-background-img-url);
  background-size: cover;
  - z-index: -2; /* should be behind the ::after defined below */
  + z-index: -1; /* should be in front of the ::before defined below */
  display: block;
  }
  :global(.with-custom-branding) .HeroOverlay {
  &::before {
  - opacity: 0.4;
  - filter: grayscale(1);
  + @include primary-color-bg;
  + display: block;
  + z-index: -2; /* behind the ::after image */
  }
  &::after {
  - @include primary-color-bg;
  opacity: 0.4;
  - display: block;
  - z-index: -1; /* should be in front of the ::before defined below */
  + filter: grayscale(1);
  + z-index: -1;
  }
  }
  