.intro {
    background-image: url("../img/waves-gradient.svg");
    background-position: bottom;
    background-repeat: repeat-x;
    padding: 1rem;
    text-align: center;
}

.intro .summary {
    margin: 2rem auto;
    max-width: var(--sheet-width);
}

@media screen and (min-width: 800px) {
    .intro {
        padding: 2rem;
    }
}