I've been experimenting with using the background size property to adjust the scaling of my background image. Here's what I have:
.myDiv
background-image url('background-fill.svg')
background-repeat no-repeat
background-size 100% 336px
However, when I try to change the height value from 336px, it doesn't actually scale the image vertically. Instead, the image remains proportional - increasing the value moves the image down and decreasing it moves the image up, but the actual size of the image remains the same.
For instance, if I use something like this:
background-size 100% 536px
The image just shifts lower on the screen without changing its dimensions.
Interestingly, when I switch to a png or jpg file, the resizing works as expected.