#tablero {
    text-align: center;
    width: 100%;
}

#tablero>div {
  width: calc((100%) / 5);
  height: 192px;
  display: inline-block;
  margin: 2%;
  cursor: pointer;
  transition: transform ease .3s;
}
#tablero>div:hover {
  transform: scale(1.2);
}

.abrir img {
display: inline-block;
}

.tarjeta {
  display: none;
  width: 100%;
}

.tarjetas {
  width: 100%;
  border: 1px solid;
}