.media-banner {
  display: block;
  position: relative;
}
.media-banner__media-wrapper {
  height: var(--media-banner-height);
  aspect-ratio: var(--media-banner-ratio);
}

.media-banner__item-layout {
  position: absolute;
  inset: 0;
  background: var(--overlay);
  z-index: 2;
}

.media-banner__item-content {
  display: flex;
  flex-direction: column;
  background: var(--content-background);
  border-radius: var(--content-radius);
  backdrop-filter: blur(var(--content-background-blur));
}
.media-banner__item-content.text-align-left {
  align-items: flex-start;
  text-align: left;
}
.media-banner__item-content.text-align-center {
  align-items: center;
  text-align: center;
}
.media-banner__item-content.text-align-right {
  align-items: flex-end;
  text-align: right;
}