.certificate-items{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:2rem;
}
.certificate-items .cards .cards__image{
    height: 520px;
    cursor: pointer;
    padding:1rem 0.5rem;
}


@media only screen and (max-width: 1280px) {
    .certificate-items .cards .cards__image{
        height: 430px;
    }
  }


  @media only screen and (max-width: 1024px) {
    .certificate-items{
        grid-template-columns: repeat(2,1fr);
    }
    .certificate-items .cards .cards__image{
        height: 360px;
    }
    .certificate-items .cards .cards__image img {
        object-fit: contain;
    }
  }  


  @media only screen and (max-width: 612px) {
    .certificate-items{
        grid-template-columns: 1fr;
    }
    .modal-content {
        width: 95% !important;
      }
  }