#logo-image {
    max-width: 65%;
    position: relative;
    top: 16%;
}

.standard-spacer {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.double-image-container {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
    grid-column-gap: 1rem;
}

/*
    Set a max width and height so we don't overflow the space in the grid, and we take up
    equal space for each image
 */
.double-image-container img {
    width: 100%;
    height: 100%;
}

.single-image-container {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    justify-items: center;
    align-items: center;
}

.single-image-container img {
    width: 50%;
}