.chapter-section {
  @apply flex items-center justify-between gap-8  2xl:gap-12 !my-0 px-12;
  @apply xl:py-32 2xl:py-48;
  @apply max-w-screen-2xl;
  @apply mx-auto;

  h2 {
    @apply title-small;
  }
  h3 {
    @apply subtitle-big;
  }

  &--right {
    @apply flex-row-reverse;
  }
  &--has-background {
    @apply relative !py-12 xl:py-24 !my-12;
  }
  &__content {
    @apply max-w-3xl;
    p {
      @apply text-neutral-600 max-w-xl mb-2;
    }
  }
  &__innerblocks {
    /* @apply max-w-xl; */
    p {
    }
  }

  &__cover {
    @apply object-contain;
    min-width: 0;
    flex-shrink: 1;
    max-width: 100%; /* Empêche de dépasser son conteneur */
    display: block;

    &--large {
      @apply !h-96;
    }
    &--grande {
      @apply !h-80;
    }
    &--medium {
      @apply !h-64;
    }
    &--small {
      @apply !h-12;
    }
  }
  &__background {
    @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
    z-index: 1;
    width: calc(100% - 30px);

    &--right {
      transform: scaleX(-1);
    }
  }
  > *:not(.chapter-section__background) {
    z-index: 2;
  }
}