Spacing between Background

Question

Good afternoon. I wonder if it is possible to give a spacing between 'Background-repeat'. I mean, I am with something like this:

Image with example

My CSS is like this:

background-image: url(imagens/half-circle-brown.png), url(imagens/half-circle-white.png);
background-repeat:repeat-x;
background-size:12px;
background-position:0% 100%, 0% 0%;
height: 100%;

I wonder if there is a way to put a spacing between each background-repeate, ie in each circle, both in brown and white.

Answer 1

Create the image with transparent background (png or gif transparent) by adding the spacing to the image as an example to follow for the half-Circle-Brown.png image.