Stick SVG to bottom right of screen using css

The CSS class called .svgImage is applied to a on the page. Everytime I resize the browser window, the svg image resizes correctly but it keeps moving around the page.

For example, making the browser window vertically smaller will move the svg image upwards. And horizontally smaller will move the svg leftwards.

The svg image needs to stay stuck to the bottom right. Imagine the svg file as a four corner square, the bottom right corner should stick to the bottom right corner of the page.

Here is the CSS for the div to stick:

#foo
{
     position: fixed;
     bottom: 0;
     right: 0;
}

Thanks in advance!