.demo-bg{background:repeating-linear-gradient(90deg,#222 0 20px,#444 20px 40px);padding:40px 0}.zigzag-eq{--side:40px;--h:calc(var(--side)*0.86603);height:36px;-webkit-mask-image:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 86.602">   <!-- BLANCO = visible, NEGRO = transparente -->   <polygon fill="white" points="0,86.602 50,0 100,86.602 150,0 200,86.602 200,200 0,200"/> </svg>');mask-image:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 86.602">   <polygon fill="white" points="0,86.602 50,0 100,86.602 150,0 200,86.602 200,200 0,200"/> </svg>');-webkit-mask-position:initial;mask-position:0 0;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:calc(var(--side)*2) var(--h);mask-size:calc(var(--side)*2) var(--h)}