.flex-content{
    position: fixed;
    overflow-y: scroll;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    padding: 20vh 27px;
    justify-content: space-around;
    align-items: center;
}
p{
    margin-bottom: 0;
    font-size: 0.8em;
}

.project{ width: 26vw; z-index: 2;   text-align: center;}
.image{filter: grayscale();}
.image.landscape{width: 100%;}
.image.portrait{width: 70%;}
.image.even{width: 85%;}

@media screen and (max-width: 500px) {
    .project{width: 36vw;}
}