.lib-chevron {
  width: 150px;
  height: 100px;
  margin: -100px auto 0 auto;
  position: relative;
  background-image: url("./chevron.svg");
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.7;
  cursor: pointer;
  -webkit-animation: 2s ease infinite alternate;
  animation: 2s ease infinite alternate;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.lib-chevron:hover {
  opacity: 1;
}

.lib-chevron.lib-chevron-animate {
  -webkit-animation-name: lib-chevron-animate;
  animation-name: lib-chevron-animate;
}

@-webkit-keyframes lib-chevron-animate {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@-ms-keyframes lib-chevron-animate {
  0% {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes lib-chevron-animate {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}