clip-path

The offset here refers to the difference in the Y value from a rectangle when setting up clip-path. Use rems for consistency between elements. Use pixels or rems to prevent the content of an element defining the angle which is what happens with percentages. However a problem with fixed units is that the angle changes depending on the viewport width. You could use vw units for the amount of the offset value the Y values when using clip-path. Use percentages for the full width of the element.

This is used on each paragraph which makes the spaces too big for optimal readability. In normal use put the paragraphs into their own container instead.

Another method to achieve a similar result is using transform: skew(10deg). This will skew the text as well. However that can be undone if the text is in it's own container on which a counter skew is applied. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut assumenda enim eum illo incidunt odit nisi, cumque, eius nostrum sit ipsam quaerat.