@media (min-width: 630px){
  .realizations-grid{
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    padding: 16px;
    grid-gap: 16px;
  }
}
@media (min-width: 768px){
  .realizations-grid{
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    padding: 16px;
    grid-gap: 16px;
  }
  .realization-card__content{
    font-size: 20px;
    padding: 35px 40px;
  }
}

@media (min-width: 1024px){
  .realizations-grid{
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
    padding: 16px;
    grid-gap: 16px;
  }
}