Thank you so much! That’s great, I’d never heard of clip-path!
So after learning a bit about clip-paths this is where I’m at now: https://codepen.io/rnbutler87/pen/YMMXew
It’s so close! Now trying to get my head around the last bit about how to get all 3 divs to appear to sit next to each other along the skew lines – there will need to be some dynamic overlap of the divs – will this require setting the divs to position absolute?
EDIT – Actually, it would seem better if I could use 130% and -30% for the second and fourth vertices X values but it won’t take it, is this expected?