.container {
    padding: 0 2rem;
  }
  

.projects_grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    max-width: 90%;
    margin: 0 auto;
    padding: 0;
    grid-gap: 1em;
}

.projects_grid a {
    max-height: 780px;

}


.projects_grid a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    
}

.projects_grid :first-child{
    grid-area: 1/1/3/3;
    max-height: initial;
}

.projects_grid :nth-child(6){
    grid-area: 3/3/5/4;
    max-height: initial;
}
.projects_grid :nth-child(9){
    grid-area: 5/1/5/3;
}