.project-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (hover) {
    .project-item:hover img {
        scale: 110%;
        transition: scale .5s var(--easier);
    }
}

.project-item-cover {
    display: block;
}

.project-item-headline {
    margin-top: var(--unit);
}

.project-item-subheadline {
    min-height: 25px;
}

@media only screen and (min-width: 700px) {
    .project-item {
        max-width: auto;
    }
}

.project-item-cover img {
    width: 100%;
    transition: scale .5s var(--easier);
}

.project-item-subheadline {
    opacity: .5;
}