The header component is a series of tiles organised into a circular linked list. The tiles are moved to the right along the x-axis with TranslateX(). Once the 'head' (the rightmost tile) is moved completely offscreen, it is being recycled as the tail. Meanwhile, the tail is gradually revealed as it moves towards the right from it's default, offscreen position. Reversing direction is achieved by rotating both the tile background and the container element by 180 degrees.