It can be achieved in Blocs, but you may need to use some external apps to achieve the effect of the animated numbers in the circles.
Essentially, the basic structure is very simple. First you need to create your line graphic. This can be done in any good vector graphics app. It’s only a single vertical line on a transparent background. This could be exported as an SVG or a PNG.
In Blocs, just create a three column row for each bloc. Adjust the width of the columns so that you have a very narrow column in the centre, and a wide column on each side. You then add your line graphic to the centre column. Remove all padding from the Bloc. What you get is something like this:
You can now duplicate this box as many times as needed to create your timeline page.
Note: if each timeline bloc is going to be a different height, you will need to create a number of timeline graphics of varying heights. Therefore, it would be best to create your content first and then see how high each bloc will be and create the graphic files once the page is complete.
To create the animation effect of the line extending as the page scrolls, just apply a fade-in animation to each graphic. Be sure to set the direction as top to bottom.
Once you have the content prepared for the left and right columns. you can create a custom class to add some margins to the top of each content area so that it sits nicely within each bloc.
Finally, if the background is to be consistent in every bloc, Add the background graphic to each bloc and make it parallax. This will maintain the static background whilst allowing the page content to float over the background. However, be aware that this may not have the desired effect on mobile devices.