.loyalty-banner {
  --_aspect-ratio: 9 / 16;
  --content-box-spacing-inline-start: 0.75rem;
  --content-box-spacing-inline-end: 0.5rem;
  --content-box-spacing-block-start: 1.25rem;
  --content-box-spacing-block-end: 0.75rem;

  aspect-ratio: var(--_aspect-ratio);

  .loyalty-banner__content--title {
    margin-bottom: 1rem;
  }

  .loyalty-banner__subheading {
    grid-column: 1;
    grid-row: 1;
  }

  .loyalty-banner__box {
    min-width: unset;

    &.loyalty-banner__box--big_box {
      flex: 1 1 100%;
    }

    &.loyalty-banner__box--small_box {
      /* 8px is the gap */
      flex: 1 1 calc(50% - 0.5rem);
    }
  }
}

@media screen and (min-width: 1000px) {
  .loyalty-banner {
    --_aspect-ratio: 16 / 9;
  }
}