.cng-banner-media {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  background: color-mix(in srgb, var(--cng-surface-2, #181820) 88%, transparent);
}

.cng-banner-media > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
}

.cng-banner-backdrop {
  z-index: 1;
  object-fit: cover;
  filter: blur(22px) brightness(.52) saturate(.82);
  transform: scale(1.08);
}

.cng-banner-image {
  z-index: 2;
  object-fit: contain;
}

@media (prefers-color-scheme: light) {
  .cng-banner-media {
    background: var(--cng-surface-2, #ebe8f0);
  }

  .cng-banner-backdrop {
    filter: blur(22px) brightness(.78) saturate(.72);
  }
}