#info{
  background: #333;
  color: #fff;
  text-align: center;
  padding: 20px;
}

#info .contenedor{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.infor{
  margin: 20px;
}

.infor img{
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 7px solid #fff;
}

@media (min-width:480px) {
  .infor{
    width: 40%;
  }
}

@media (min-width:1024px) {
  .infor{
    width: auto;
  }
}