.at-homepageIntro {
    position: relative;
    overflow: hidden;
    background-color: var(--purple100);
}

.at-homepageIntro__contentWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.at-homepageIntro__content {
    position: relative;
    z-index: 1;
}

.at-homepageIntro__pageTitle {
    position: static;
    max-width: 15em;
    margin-bottom: 1em;
    line-height: 1.1;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.at-homepageIntro__text {
    margin: 1em 0 3em;
    font-size: 1.3em;
    line-height: 1.6;
}

.at-homepageIntro__text--large {
    display: none;
}

.at-homepageIntro__text--noSmallText {
    display: block;
}

.at-homepageIntro__imageWrap {
    display: none;
}

.at-homepageIntro__image {
    display: block;
    border-radius: 4em 3em 0 3.5em;
}

@media (min-width: 480px) {
    .at-homepageIntro__text--small {
        display: none;
    }

    .at-homepageIntro__text--large {
        display: block;
    }
}

@media (min-width: 769px) {
    .at-homepageIntro__content {
        flex-basis: 70%;
        padding-right: 2em;
    }

    .at-homepageIntro__pageTitle {
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    .at-homepageIntro__imageWrap {
        flex-basis: 30%;
        flex-shrink: 1;
        position: relative;
        right: 0;
        display: block;
    }

    .at-homepageIntro__image {
        max-width: 500px;
    }
}

@media (min-width: 1400px) {

    .at-homepageIntro__content {
        flex-basis: 75%;
        position: relative;
        z-index: 1;
    }
}