.introPicture {
    background: url(../assets/img/haptonomie1.jpg) 0% 90%;
    background-size: cover;
    min-height: 200px;
    height: 30vw
}

#haptonomieImg {
    width: 300px;
    margin-left: 30px;
    float: right
}

p.reverence {
    font-style: italic
}

@media screen and (max-width: 850px) {
    #haptonomieImg {
        order: 2;
        width: 300px;
        margin: 30px auto
    }

    article {
        display: flex;
        flex-direction: column
    }

    p {
        order: 1
    }

    p.reverence {
        order: 3
    }
}