.image-parent {
  max-width: 40px;
}
.bd-example {
  padding: 1.5rem;
  margin-right: 0;
  margin-left: 0;
  border-width: .2rem;
}

@media screen and (max-width:1066px) {
  /* reglas CSS */
  .cardInfo{
    width: 80%; 
    margin-right: 10%;
    margin-bottom: 5%;
  }
}
@media screen and (max-width:1224px) and (min-width:1066px) {
  /* reglas CSS */
  .cardInfo{
    width: 25%; 
    margin-right: 30px;
  }
}
@media screen and (min-width:1224px) {
  /* reglas CSS */ 
  .cardInfo{
    width: 30%; 
    margin-right: 30px;
  }
}