@media screen and (max-width: 1000px) {
    section.images {
        flex-flow: column;
    }
    section.images .image-right {
        flex-flow: row;
    }
    section.images .image-left {
        display: flex;
        justify-content: center;
    }
    section.images .image-left img {
        width: min(500px, 100%);
    }
}

@media screen and (max-width: 500px) {
    header.header {
        flex-flow: column;
    }
    header.header section {
        justify-content: center;
    }
    header.header section:last-child {
        padding-bottom: 0.5rem;
    }
    section.images .image-right {
        flex-flow: column;
    }

    section.contact .contact-container {
        flex-flow: column;
    }
}