How to make a non-proportional resizing of an svg image?

Question

css

I have an image, let's say 100px wide and 50px high.
It is necessary that it stretches in width to the entire width of the browser window, and remains 50px in height and thus stretches with distortion. Didn't the background pave with a repeating image across the width, namely, the image was smeared and stretched with distortion? background-size: 100% 50px; background style does not work.

Answer 1

background-size: 100% 50px;works
https://jsfiddle.net/ewc7nusf/1/

Answer 2

Paste this (corrected) svg code to your img and unsubscribe - does it work or not: https://codepen.io/topicstarter/pen/bGraopB