How would I go about making a collage of images with diagonal borders, like this? (see image).

I’ve tried some methods using the clip-path property, but that results in having to use unorthodox ways to determine the width and position of each picture.

I would prefer to do this using css styling, or possilby JavaScript, although I don’t see why JavaScript would be necessary in this case.