質問失礼いたします。
後半のそれぞれのアイテムを順番に表示させる部分で、
例えば li 要素の個数が 4 個以上に増えたときに CSS に都度追記する必要があるかと思うのですが、
自動で増やしていくような処理は CSS だけは難しいでしょうか？