.basic-text {
    padding: 5rem 0;

    @media(min-width: $tabletSmallP1) {
        padding: 10rem 0;
    }

    // .basic-text--linear
    &--linear {
        background: linear-gradient(180deg, #FFFFFF 0%, #D6D1BD 100%);
    }

    // .basic-text__container

    &__container {
    }

    // .basic-text__body

    &__body {
        max-width: 98rem;
        width: 100%;
        margin: 0 auto;

        color: $primary;
        text-align: center;

        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;

        h2 {
            @include adaptiveProperty("font-size", 42, 32);
            max-width: 65rem;
            width: 100%;
            margin: 0 auto;
        }

        p {
            margin: 0;
            @include adaptiveProperty("font-size", 18, 14)
        }
    }

    // .basic-text__image

    &__image {
        max-width: 5.9rem;
        width: 100%;

        @media(min-width: $tabletSmallP1) {
            max-width: 8rem;
        }

        img {
            width: 100%;
            height: auto;
        }
    }
}