.media-banner {
  -ms-flex-align: var(--banner-align-items);
      align-items: var(--banner-align-items);
  aspect-ratio: var(--banner-aspect-ratio);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: var(--banner-justify-content);
      justify-content: var(--banner-justify-content);
  position: relative;
  padding: var(--site-gutter-mobile);
}

.media-banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.media-banner__bg .kickstart-image {
  height: 100%;
  width: 100%;
}
.media-banner__bg .kickstart-image img {
  object-fit: cover;
}

.media-banner__inner {
  background: rgb(var(--content-background), var(--content-background-opacity));
  padding: var(--content-padding);
  position: relative;
  width: var(--content-width);
  z-index: 1;
}
.media-banner__inner .content-box__headline .heading {
  text-align: var(--heading-alignment);
}
.media-banner__inner .content-box__content {
  text-align: var(--content-alignment);
}
.media-banner__inner .content-box__button {
  text-align: var(--button-alignment);
}

@media (min-width: 992px) {
  .media-banner {
    padding: var(--site-gutter-desktop);
  }
}