.containers h2{
  padding: 2rem 0rem 1.5rem;
  color: var(--colory-primary);
}
.project-container{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}
.project-container .cards .cards__image{
    height: 272px;
}

@media only screen and (max-width: 1024px) {
  .project-container {
    grid-template-columns: repeat(2,1fr);
}
}

@media only screen and (max-width: 612px) {
  .project-container {
    grid-template-columns: 1fr;
}
}