[data-component=header][data-theme=theme-a] {
  background: cornflowerblue;
}
[data-component=header][data-theme=theme-a] .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1rem;
  background: yellow;
}
[data-component=header][data-theme=theme-a] .imagery {
  background-image: url(https://images.unsplash.com/photo-1674574124349-0928f4b2bce3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2342&q=80);
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translate3d(30%, -50%, 0);
          transform: translate3d(30%, -50%, 0);
  width: 120vh;
  height: 120vh;
  border-radius: 100rem;
  mix-blend-mode: multiply;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}