Import the layout into a new page (not the library) with the Divi Builder. The import/export option can be accessed by clicking on the two arrows at the top of the builder.

You can add the CSS to the custom CSS box in Divi > Theme Options, or add to your child theme. Once you do this, you can remove the CSS code module from the page.

All CSS is commented for easy editing. The excerpt length is limited with CSS at certain screen sizes using media queries. If you change fonts or font sizes you may need to adjust these media queries for your specific needs.

You can check this Quick Snack for more info on how this is achieved https://divisoup.com/q17-limit-the-excerpt-length-in-divi-with-css/

The alternating posts are set using the nth-of-type pseudo selector and are grouped in sets of 5, therefore this layout will look best by displaying posts in multiple of 5 on a page (5, 10, 15, 20 etc.).

Also, the nature of this layout means posts are displayed slightly out of chronological order on desktop, and therefore are best displayed without the date showing, as per the demo.