@media screen and (min-width: 992px) and (max-width: 1300px) {
    .card{
        max-width: 230px;
        margin:5px;
        max-height: 220px;
    }
    .clients .container-card {
        text-align: center;
       padding: 10px;
        width: 100%;
      }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .card{
        width: 100%;
        margin:5px;
        height: 300px;
    }

}
@media screen and (max-width: 768px){
    .card{
        width: 100%;
        margin:10px;
        max-height: 300px;
        padding: 50px;
    }
    .clients .container-card {
        text-align: center;
       padding: 10px 20px;
        width: 100%;
      }
      .clients{
        padding: 30px;
      }

}