.container-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 30px;
  margin-right: 100px;
  -ms-transform: rotate(-90deg)  scale(1.5);
  -ms-transform-origin: center 50%;
  -moz-transform: rotate(-90deg) scale(1.5);
  -moz-transform-origin: center 50%;
  -webkit-transform: rotate(-90deg) scale(1.5);
  -webkit-transform-origin: center 50%;
  -o-transform: rotate(-90deg) scale(1.5);
  -o-transform-origin: center 50%;
}

.container-back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 30px;
  margin-right: -100px;
  -ms-transform: rotate(90deg) scale(1.5);
  -ms-transform-origin: center 50%;
  -moz-transform: rotate(90deg) scale(1.5);
  -moz-transform-origin: center 50%;
  -webkit-transform: rotate(90deg) scale(1.5);
  -webkit-transform-origin: center 50%;
  -o-transform: rotate(90deg) scale(1.5);
  -o-transform-origin: center 50%;
}

.chevron {
  position: absolute;
  width: 2.1rem;
  height: 0.48rem;
  opacity: 0;
  transform: scale(0.3);
  animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
  animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: #2c3e50;
}

.chevron:before {
  left: 0;
  transform: skewY(30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skewY(-30deg);
}

@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    transform: translateY(4.8rem) scale(0.5);
  }
}