how to make background image responsible and not scaling down too much

Question

I\'m working on responsible website and I\'m using \'waves\' SVG images for a background-image. Everything\'s fine until the viewport is small, i.e on mobile de