Mixin for svg background with png fallback
@mixin svg-with-fallback($name, $x: left, $y: center)
{
background: transparent url('#{$dir_images}#{$name}.png') $x $y no-repeat;
background: url('#{$dir_images}#{$name}.svg') $x $y no-repeat,linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0));
}