svg line element not visible in streamlit render.

Using Streamlit
1

in my below code the html is not is not visible the issue i feel is due to ```

i.e svg can any one tell me how to resolve it . thanks in advance.
html,body { height: 100%; background-color: #404040; margin: 0; display: flex; justify-content: center; align-items: center; } .container { display: flex; width: 500px; /* Extended width for pipe */ height: 500px; border: 3px solid #EEEEEE; justify-content: center; align-items: center; border-radius: 20px; } .drawing { position: relative; width: 2000px; /* Extended width for pipe */ height: 600px; } .circle-svg { width: 100%; height: 100%; } .c3 { fill: none; stroke: grey; stroke-width: 10; }
```

Html:
def cutting_dimention(html_content):
# Directly use the HTML content without treating it as a file path
template = Template(html_content)
rendered_html = template.render() # Render the HTML with Jinja2
st.text(rendered_html) # Display rendered HTML text
st.html(rendered_html) # Display rendered HTML as an HTML block in Streamlit