.about {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.about-text {
    width: 65%;
}

.about-image {
    width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Phones */
@media (min-width: 320px) {
    body {
        width: 100%;
        height: 100vh;
    }

    /* Resizes images */
    img {
        max-width: 100%;
        height: auto;
    }

    .about-image {
        padding: 10px;
    }

    .summary {
        flex-direction: column;
    }

}