:root {
    --base: 0.6rem;
  }
    .container-cheuvron {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 155vh;
  }
    .chevron {
    position: absolute;
    width: calc(var(--base) * 3.5);
    height: calc(var(--base) * 0.8);
    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: #4caaf2;
  }
    .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(calc(var(--base) * 3.8));
    }
    66.6% {
      opacity: 1;
      transform: translateY(calc(var(--base) * 5.2));
    }
    100% {
      opacity: 0;
      transform: translateY(calc(var(--base) * 8)) scale(0.5);
    }
  }