.barber-pole {
  background-color: #A3B087;
  width: 10%;
  position: relative;
  overflow: hidden;
}

.barber-pole::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 10000rem;
  /* overflow: hidden; */
  content: "";
  position: absolute;
  background: repeating-linear-gradient(
    45deg,             /* diagonal stripes */
    #313647 0 20px,
    #FFF8D4 20px 40px,
    #A3B087 40px 60px,
    #FFF8D4 60px 80px
  );
  animation: spinStripes 180s linear infinite;
}

@keyframes spinStripes {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10000px); /* move upward continuously */
  }
}