Single use of base64 in css?

Question

css

I have this piece of code:

background: url(../images/temer-comp.png) center 54% no-repeat,url(../images/temer-comp.png) 25.5% 54% no-repeat,url(../images/temer-comp.png) 74.5% 54% no-repeat;

I decided to replace the temer-comp.png file with a size of .5kb
with base64, which is logical.
but i will have to insert base64 images 3 times.

background: url('data:image/png;base64,....')  х 3..;

does anyone know how to get rid of the repetition?

Answer 1

There are background-image and background-position properties.

Answer 2

Nanooptimization detected.