css - 反復線形グラデーションの操作

Question

Uber のブランド Web サイトに似た線のパターンを再現したい: https://brand.uber.com/ - 特に、背景に見える繰り返しの線: http://prntscr.com/etius6

そうするために、CSSで繰り返し線形グラデーションを使用することを考えました。

.container {
  background-image: repeating-linear-gradient(90deg,  #d8d8d8, #d8d8d8 1px,  white 0, white 16.666666667%);
    min-height: 5000px;
     max-width:904px;
  margin:0 auto;
}

<div class="container">
  
</div>

ここにフィドルがあります：https://jsfiddle.net/jz7ag7L1/

それは機能しますが、少し調整したいです。基本的には最初のバーを削除したいのですが、グラデーションが消えたり、奇妙に薄くなったりして、常にバーを現在の場所に置いたままにします..background-position効果もありません。

どんな助けでも素晴らしいでしょう、ありがとう