.tul-components-banner-media-text {
  background-color: #efefef;
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: 1fr;
  justify-content: center;
  align-content: center;
  justify-items: center;
  align-items: center;
  --visual-padding: 2vw;
  padding-top: var(--visual-padding);
  padding-bottom: var(--visual-padding);
  margin-top: var(--visual-padding);
  margin-bottom: var(--visual-padding);
  grid-gap: var(--visual-padding);
  padding-left: var(--visual-padding);
  padding-right: var(--visual-padding);
}

.tul-components-banner-media-text > .tul-components-banner-media-text-media {
  margin: 0 auto;
  margin-top: calc( -2 * var(--visual-padding));
  margin-bottom: calc( -2 * var(--visual-padding));
  max-width: 50vw;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.tul-components-banner-media-text > .tul-components-banner-media-text-text {
  max-width: 50vw;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}


.tul-components-banner-media-text > .tul-components-banner-media-text-media *,
.tul-components-banner-media-text > .tul-components-banner-media-text-text * {
  max-width: 50vw !important;
}
.tul-components-banner-media-text > .tul-components-banner-media-text-media > img {
  max-width: min(50vw, 1000px) !important;
}