.immersive-teaser-container .bottom-variation {
  &.immersive__wrapper {
    height: auto;
    background: none;

    @media (width >= 768px) {
      background: var(--tertiary-white);
    }

    .immersive_content_textContainer{
      display: block;
    }


    .immersive__content {
      position: relative;
      padding: 16px 20px 40px;
      background: var(--tertiary-white);
      &:has(#help-me-select){
        padding-top:40px;
      }
      @media (width >= 768px) {
        padding: 16px 20px 40px;
        width: 100%;
        &:has(#help-me-select) {
          padding-top: 80px;
        }
      }

      @media (width >= 1024px) {
        padding: 64px 56px;
        &:has(#help-me-select) {
          padding-top: 80px;
        }
      }

      .immersive__title {
        width: auto;
        font-family: var(--body-font-family);
        color: var(--neutrals-headings);
        letter-spacing: normal;
        padding-right: 0;
        font-weight: var(--fw-700);
        &#help-me-select {
          font-size: 1.5rem;
          line-height: 1.875rem;
           + .immersive__description{
            @media (width >= 768px) {
              width:max-content;
            }
          }
        }
        @media (width >= 1024px) {
          width: auto;
          max-width: inherit;
          font-size: 2rem;
          line-height: 2.5rem;
          &#help-me-select {
            font-size: 2rem;
            line-height: 2.5rem;
            + .immersive__description{
              @media (width >= 1366px) {
                margin-top: 12px;
              }
            }
          }
        }
      }

      .immersive__description {
        margin-top: 8px;
        width: auto;

        @media (width >= 1024px) {
          margin-top: 16px;
        }

        @media (width >= 1366px) {
          margin-top: 13px;
        }

        p {
          font-family: var(--body-font-arena);
          font-size: 0.875rem;
          color: var(--tertiary-black);
          font-weight: var(--fw-400);
          line-height: 1.125rem;
          @media (width >=1024px) {
            font-size: 0.75rem;
          }
        }
      }
    }

    & .immersive__image {
      img {
        height: 171px;

        @media (width >= 768px) {
          height: 329px;
        }

        @media (width >= 1024px) {
          height: 439px;
        }

        @media (width >= 1366px) {
          height: 420px;
        }
      }

      &::before {
        content: "";
        position: absolute;
        background: linear-gradient(338deg, rgba(1, 4, 75, 0.60) -20.67%, rgba(1, 4, 75, 0.18) 42.57%);
        z-index: 1;
      }
    }
  }
}

main .immersive-teaser-container > div {
  background-color: inherit;
}