@LenovoId, Послушай 
<div class="block">
<svg class="block__background"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<mask id="mask-1">
<svg
preserveAspectRatio="xMidYMin slice"
x="0" y="0"
width="100%" height="51%"
viewBox="0 0 700 1000">
<path d="M328,19C144.2-24.3,0,23,0,23v977H700V46S553,72,328,19Z" fill="#fff"/>
</svg>
<svg
preserveAspectRatio="xMidYMax slice"
x="0" y="50%"
width="100%" height="50%"
viewBox="0 0 700 1000">
<path d="M0,0V952s201-15,381,32c146.9,38.4,319-5,319-5V0Z" fill="#fff"/>
</svg>
</mask>
<mask id="mask-2">
<svg
preserveAspectRatio="xMidYMin slice"
x="0" y="0"
width="100%" height="51%"
viewBox="0 0 700 1000">
<path d="M326,30C142-9,0,32,0,32v968H700V52S543.4,76.1,326,30Z" fill="#fff"/>
</svg>
<svg
preserveAspectRatio="xMidYMax slice"
x="0" y="50%"
width="100%" height="50%"
viewBox="0 0 700 1000">
<path d="M0,0V949s200.4-16.9,326,13c239,57,374,7,374,7V0Z" fill="#fff"/>
</svg>
</mask>
<linearGradient
id="linear-gradient-1"
x1="0" y1="0" x2="100%" y2="100%">
<stop offset="0" stop-color="#1ca8f8"/>
<stop offset="1" stop-color="#1c8ff5"/>
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="0" y1="0" x2="100%" y2="100%">
<stop offset="0" stop-color="#ac2584"/>
<stop offset="1" stop-color="#662d91"/>
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#linear-gradient-1)" mask="url(#mask-1)"/>
<rect width="100%" height="100%" fill="url(#linear-gradient-2)" mask="url(#mask-2)"/>
</svg>
<div class="block__content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div>
</div>
Нет не в этом дело..
Я ломал голову сидел.. Уж ни как не мог подумать, что пустой атрибут повлияет как-то.