@media only screen and (min-width: 200px) {
    .about-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1em;
        height: 100%;
        margin-bottom: 1.5em;
    }
    .about-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .about-content {
        margin: 1em 0;
    }
    .about-content > p {
        margin: 1em 0;
    }
    .elmo {
        display: none;
    }
}
@media only screen and (min-width: 720px) {
    .about-container {
        width: 70%;
    }
    .elmo {
        display: block;
        height: 20em;
    }
}