.image-input {
  text-aling: center;
}
.image-input input {
  display: none;
}
.image-input label {font:16px 'Gilroy-Regular';
  display: block;
  color: #FFF;
  background: #dbb664;
  padding: 0.3rem 0.6rem;
  font-size: 115%;
  cursor: pointer;
}
.image-input label i {
  font-size: 125%;
  margin-right: 0.3rem;
}
.image-input label:hover i {
  animation: shake 0.35s;
}
.image-input img {float: none;margin:0 auto;
    max-width: 175px;
  display: none;
}
.image-input span {font:16px 'Gilroy-Regular';
     background: #dbb664;padding: 5px 16px;margin: 16px;color: #fff;width: auto;
  display: none;
  text-align: center;
  cursor: pointer;
}

@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}