@media (max-width: 768px) {
 .container-card {
    grid-template-columns: 1fr;
  }

  .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
        align-content: center;
    }
}

@media (max-width: 425px) {
  .container-card {
    padding: 10px;
    margin: 0;
  }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
        align-content: center;
        margin-left:30%;
    }
}

@media (max-width: 375px) {
  .container-card {
    padding: 5px;
    margin: 0;
  }

  .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
        align-content: center;
        margin-left:30%;
    }
}

@media (max-width: 320px) {
  .container-card {
    padding: 3px;
    margin: 0;
  }

  .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
        align-content: center;
        margin-left:30%;
    }
}