.newsletters-science__container {
  margin: 0 auto;
  max-width: 1600px;
  padding: 8rem 3rem;
  position: relative;

  .newsletters-science__media {
    display: flex;
    height: 100%;
    inset: 0;
    justify-content: space-between;
    overflow: hidden;
    position: absolute;
    z-index: 1;

    &::after,
    &::before {
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
    }

    &::after {
      background-image: var(--image-right);
      flex: 0 0 57.5rem;
    }

    &::before {
      background-image: var(--image-left);
      flex: 0 0 55rem;
    }
  }

  .newsletters-science__context {
    align-items: center;
    display: grid;
    grid-template-columns: 60% 40%;
    position: relative;
    z-index: 2;

    .newsletters-science__title {
      font-size: var(--title-size);
      font-weight: var(--title-weight);
      line-height: 1.5;
      margin-bottom: var(--title-bottom);
    }

    .newsletters-science__subtitle {
      font-size: var(--subtitle-size);
      font-weight: var(--subtitle-weight);
      line-height: 1.75;
      margin-bottom: var(--subtitle-bottom);
    }

    .newsletters-science__content {
      font-size: var(--content-size);
      font-weight: var(--content-weight);
      line-height: 1.35;
      margin-bottom: var(--content-bottom);
    }

    .newsletters-science__action {
      display: grid;
      place-items: center;
    }
  }

  @media (width <=1024px) {
    .newsletters-science__media::after {
      display: none;
    }

    .newsletters-science__context {
      gap: 2rem;
      grid-template-columns: 100%;

      .newsletters-science__action {
        place-items: start;
      }
    }
  }
}