Sindbad~EG File Manager

.text-image {
  background: var(--neutre50);
  padding: 96px 0;

  @media (max-width: 768px) {
    padding: 48px 0;
  }

  .text-image__container {
    display: flex;
    gap: 64px;

    @media (max-width: 768px) {
      flex-direction: column;
      gap: 24px;
    }

    .text-image__subcontainer {
      flex: 1;

      .text-image__content {
        color: var(--purple800);
      }

      .text-image__items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 65px;
        @media (max-width: 768px) {
          grid-template-columns: repeat(2, 1fr);
          gap: 24px;
        }
        .text-image__item {
          display: flex;
          flex-direction: column;
        }
      }

      .text-image__image {
        height: fit-content;
        width: 100%;
        max-height: 742px;
        object-fit: cover;
        border-radius: 8px;

        @media (max-width: 768px) {
          max-height: 400px;
        }
      }

      .text-image__cta {
        display: flex;
        gap: 8px;
        align-items: center;
      }
    }
  }
}