.chevron-wrapper {
  position: relative;
}

.chevrons {
  display: none;
}

@media (min-width: 634px) {
  .chevrons {
    display: block;
    position: absolute;
    right: -90px;
    top: 40px;
    width: 310px;
    height: 90px;
    background-image: 
      url('/wp-content/uploads/2026/03/Road.svg'),
      url('/wp-content/uploads/2026/03/Road.svg'),
      url('/wp-content/uploads/2026/03/Road.svg'),
      url('/wp-content/uploads/2026/03/Road.svg'),
      url('/wp-content/uploads/2026/03/Road.svg'),
      url('/wp-content/uploads/2026/03/Road.svg');
    background-repeat: no-repeat;
    background-size: 50px 90px;
    background-position:
      0px center,
      40px center,
      80px center,
      120px center,
      160px center,
      200px center;
    transform: translateX(60px);
    opacity: 0;
  }
}

@media (min-width: 1439px) {
  .chevrons {
    width: 380px;
    height: 110px;
    top: 0;
    background-size: 65px 110px;
    background-position:
      0px center,
      50px center,
      100px center,
      150px center,
      200px center,
      250px center;
  }
}

.chevrons.is-visible {
  animation: chevron-enter 1.2s ease-out forwards;
}

@keyframes chevron-enter {
  from {
    transform: translateX(60px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}