How to remove the gap between vector images that have the repeat-x property set?

Question

HTML

In general, it was necessary that the vector image be repeated in the header. Everything was fine until I decided to try changing the window extension. With certain window extensions, small transparent gaps appear between images. Maybe someone faced such a problem?
Expansion without gaps:

Expansion with gaps:

Answer 1

jsfiddle.net/petroveg/nskfm3ed

background:linear-gradient(45deg, #f6a119 25%, #f2970d 25%, #f2970d 50%, #f6a119 50%, #f6a119 75%, #f2970d 75%) 0 0 / 40px 40px;