I’m working on customizing horizontal rules lines using CSS snippets. So far, I’ve followed guides like: https://forum.obsidian.md/t/creating-fancy-horizontal-rule-lines/63700

However, instead of using emoji or data URIs, I want to use an SVG file stored locally in my vault (e.g., vault/.my-snippets/mysvg.svg) and reference it in the CSS.

Is it possible to

• Place a local SVG file in the center of a horizontal rule in Obsidian,
• Style the line (e.g. color, gradient)

A million thanks