Is there anyway to inversly repeat the background-image?

Question

Suppose I've the background like this:

And the normal repeated background look like this:

Now I want the inversely repeated of background-image should look like this:

And even if possible again repeat inversely like this:

---

Anyway the third option is unnecessary coz we can make like that by taking repeated image

Answer 1

Try this type of image so u get cross related look like you mentioned on last picture

Answer 2

I don't think there is a proper way with css.

The easiest might be for you to edit your picture like this:

and repeat it then.