Visualize a simple workflow – content visualization

My boss has some content in a word document which looks like the following enter image description here

I need to move this content onto a website - specifically a responsive WordPress website. I am wondering if there is a better way to display this information so that it can be responsive.

I think he really likes the arrows because they indicate a flow from beginning to end.


I built a simple CSS mockup of what this could look like on the web, but I don't really like where it's going too much. It's not really going to work on smaller screens.

The essence of the content is Title / Caption groups. The titles need to be all next to each other, in the form of arrows.

Is there a better way of visualizing this?

https://jsfiddle.net/mouseoctopus/wtsj873m/