.image-promotion__content {
  position: relative;
  flex: 1;
  width: 100%;
  background-color: rgb(var(--color-background));
}

.image-promotion__content .image-promotion__bg-mage {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  background-color: rgb(var(--color-image-background));
}

.image-promotion__content .image-promotion__content-inner {
  position: absolute;
  inset-block-end: 40px;
  inset-inline-start: 50%;
  width: 100%;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.image-promotion__content .image-promotion__heading {
  font-family: var(--heading-font);
  font-size: var(--heading-size);
  font-weight: var(--heading-font-weight);
  color: rgb(var(--heading-color));
  -webkit-text-stroke-width: 0.02em;
  -webkit-text-stroke-color: rgb(var(--heading-border-color));
}

.image-promotion__content .image-promotion__subheading {
  font-family: var(--subheading-font);
  font-size: var(--subheading-size);
  font-weight: var(--subheading-font-weight);
  color: rgb(var(--subheading-color));
  -webkit-text-stroke-width: 0.02em;
  -webkit-text-stroke-color: rgb(var(--subheading-border-color));
}

@media (max-width: 959px) {
  .image-promotion__content .image-promotion__heading {
    font-size: var(--heading-size-mobile);
  }

  .image-promotion__content .image-promotion__subheading {
    font-size: var(--subheading-size-mobile);
  }
}