.container-projects{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 8px;
}

.project-card{
    overflow: hidden;

    background: #1E1E1E;

    border-radius: 5px;

    

    box-shadow: 0 10px 30px rgba(0,0,0,.25);

    transition: .1s;
}

.project-card:hover{
    transform: translateY(-3px);
	cursor: pointer;
    
}

.project-card img{
    width: 100%;

    height: 350px;

    object-fit: cover;

    display: block;

    transition: .5s;
}

.project-card:hover img{
    transform: scale(1.05);
}

@media(max-width:768px){

    .container-projects{
        grid-template-columns: 1fr;
    }

    .project-card img{
        height: 250px;
    }

}