.health-benefits-description {
  display: block;
  padding: var(--PT) 0px var(--PB);

  .health-benefits-description__container {
    align-items: center;
    display: grid;
    gap: 6rem;
    grid-template-columns: calc(50% - 6rem) 50%;

    .health-benefits-description__context {
      display: grid;
      gap: 2.5rem;
      order: var(--content-order, 2);

      .health-benefits-description__title {
        font-size: var(--title-size, 4.6rem);
        font-weight: var(--title-weight, 400);
        line-height: var(--title-height, 1.35);

        span {
          color: var(--main-color, inherit);
          font-style: italic;
        }
      }

      .health-benefits-description__content {
        font-size: var(--content-size, 2rem);
        font-weight: var(--content-weight, 300);
        line-height: var(--content-height, 1.4);

        a {
          color: inherit;
        }

        li {
          list-style: none;
        }
      }
    }

    .health-benefits-description__media {
      display: flex;
      min-height: 100%;
    }

    .health-benefits-description__image-wrapper {
      border-radius: 0.8rem;
      display: flex;
      min-height: 100%;
      overflow: hidden;

      .health-benefits-description__image {
        height: auto;
        min-height: 100%;
        object-fit: cover;
        width: 100%;
      }
    }
  }

  @media (width < 1024px) {
    .health-benefits-description__container {
      --title-size: 3.2rem;
      --content-size: 1.8rem;
      --content-order: 0;

      gap: 3rem;
      grid-template-columns: 100%;
    }
  }
}