svg fallback for my svg logo - png fallback

Hi,

I am after a svg fallback for my svg logo. I have added my logo via page-> header and logo.
I am wanting to have a png fallback file for ie8 browsers

<img class="header-image" src="http://eghorticulture.com.au/horticulture/wp-content/uploads/2016/10/eghorticulturewhite5.svg" alt="" title="">

.header-image {
background-image: url(image.svg);
}
.no-svg .header-image {
background-image: url(image.png);
}

any help would be appreciated regards Michael