Я хочу установитьbackground-image но с определенным расстоянием между повторениями.

Например, у меня есть это изображение, чтобы статьbackground-image:

И я хочу исправить повторения в такой схеме:

ПроверитьJSFiddle детская площадка

Я ищу чистое решение CSS3, а не JS, не дополнительные элементы и так далее. Если я должен использовать очень современные CSS3 (не поддерживается) трюки, это нормально.