.project-block img {
    width: 100%;
    height: 33vw;
}
@media only screen and (min-width: 768px) {
    .project-block img {
        height: 22vw;
    }
}
@media only screen and (min-width: 1024px) {
    .project-block img {
        height: 13vw;
    }
}

.project-block h2,
.project-block p {
    width: fit-content;
}


@media (hover: hover) {
    .project-block:hover h2,
    .project-block:hover p {
        background-color: black;
        color: white;
    }

    body.dark .project-block:hover h2,
    body.dark .project-block:hover p {
        background-color: white;
        color: black;
    }
}