How can be zigzag line drawing possible background?

Question

Imagine a odd-even rows with image and text. I want to incorporate background line drawing animation which can be center aligned with image.

Answer 1

Honestly I haven't started yet because I'm not sure which library I should use here.

Answer 2

You can make slanted line from svg, set it it as repeated svg image background.
background: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' style='stroke:rgb(0,0,0);stroke-width:1'><line x1='0' y1='0' x2='50%' y2='100%'/><line x1='50%' y1='100%' x2='100%' y2='0'/></svg>") 0% 0%/5% 5%;

https://code.sololearn.com/WG3R9UobrHIS/?ref=app
https://code.sololearn.com/Wbs3iP5jU5Fn/?ref=app
https://code.sololearn.com/Wp17OgZnBB9n/?ref=app