Criar background de quebra cabeça apenas no código

Fala galera!

Tudo bem?

Minha dúvida é a seguinte: estou desenvolvendo o seguinte layout para um cliente:

/applications/core/interface/imageproxy/imageproxy.php?img=http://rrpdesign.com.br/c/divertix/assets/print-layout.jpg&key=236e63088478e373a3052c6429fb6b1b316e6f7fb68b363c1733ef335f901db4" alt="print-layout.jpg" />

Perceba que tem alguns backgrounds que são na forma de quebra-cabeça que, no momento, estou fazendo com imagens. Isso é meio complicado para encaixar na hora de deixar o site responsivo.

Eu gostaria de saber se alguém tem alguma solução para fazer isso apenas com HTML5/CSS3 e jQuery ou qualquer solução apenas no código. Não precisa ficar exatamente igual, mas se chegar perto desse efeito pessoal, já estaria perfeito.

Abraço!