Slanted responsive block element?

Question

css

The crux of the matter is that we need to make an element with a 30deg slope, but it should be adaptive with respect to a background image statically fixed and positioned in the center of the block, I solved it using media , but the sausage came out with a break about every 100px, an example can be looked here , I understand that you can make it more optimal and more accurate, maybe someone had an experience of this kind, please tell me.