.project-container {
    margin-top: 10vh;
    display: grid;
    /*grid-template-columns: 1fr 1fr 1fr 1fr;*/
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1vw;
}
.grid-item-link {
    text-decoration: none;
    color: rgb(79, 79, 79);
}
.grid-item-link:hover .img-text {
    color: rgb(31, 31, 31);
}
.grid-item-link:hover .grid-img {
    opacity: 0.7;
}
.grid-img {
    width: 100%;
    height: 23.5vh;
    object-fit: cover;
}
.img-text {
    height: auto;
    font-size: 0.75rem;
    padding: 5px 0;
    text-align: left;
}