.add-bubble {
    position:relative;
}
.add-bubble::before {
    content:"";
    background-image:url(images/conversation-bubble.svg);
    background-repeat:no-repeat;
    width: 32rem;
    height: 32rem;
    position: absolute;
    top: -10rem;
    left: -12rem;
    display: block;
    z-index: -1;
}

@media (min-width:992px) {
    #intro {
        background-image:url(images/conversation-bubble-right.svg);
        background-repeat:no-repeat;
        background-size:20rem;
        background-position:bottom right;
    }
}

@media (max-width:575.98px) {
    .add-bubble::before {
        width: 20rem;
        height: 20rem;
        top: -8rem;
        left: -2rem;
    }
}