.container1 {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 25vh;
}
.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: #f17735;
 /*background: #FC8E08;*/
}

.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);
 }
}






.container2 {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 25vh;
}
.chevron2 {
  position: absolute;
  width: 2.1rem;
  height: 0.48rem;
  opacity: 0;
  transform: scale(0.3);
  animation: move-chevron2 3s ease-out infinite;
}

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

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

.chevron2:before,
.chevron2:after {
 content: '';
 position: absolute;
 top: 0;
 height: 100%;
 width: 50%;
 background: #f17735;
 /*background: #FC8E08;*/
}

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

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

@keyframes move-chevron2 {
 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);
 }
}