.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

#projects-grid-item {
    display: flex;
    justify-content: center;
    align-items: center;

    max-height: 800px;
    overflow: hidden;
    border-radius: 25px;
}

#projects-grid-item img, #projects-grid-item a {
    width: 100%;
    height: 100%;
    
    object-fit: cover;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

#projects-grid-item:hover img {
    transform: scale(1.15);
}

#projects-grid-item:hover {
    filter: drop-shadow(0 0 5px rgb(157, 115, 206));
}

@media screen and (max-width: 800px) {
    .projects-grid {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 30px;
        margin-bottom: 30px;
    }
}