le-courage-du-reel/assets/css/src/_section_7-system.scss

section#system {
  display: flex;
  justify-content: space-between;
  margin: 5rem var(--padding-body);

  .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 46vw;
    max-width: 27rem;

    .top {
      .section-title {
        @include section-title;
      }

      .title {
        @include big-title-xnarrow;
        margin-bottom: 2rem;
      }

      .info {
        font-size: var(--font-size-m);
        font-weight: 500;
      }
    }

    .bottom {
      ul {
        li {
          list-style: disc;
          list-style-position: inside;
          font-weight: 500;
        }
      }
      ul:not(:last-child) {
        margin-bottom: 3rem;
      }
    }
  }

  figure {
    width: 55%;
    height: 46vw;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}