SVG - blurry - what am I doing wrong?


I am struggling to get an SVG to not appear blurry on my site.



My goal is to have the asset be full width – such that the text is legible – but I struggle to get the size right, to have it be HiDPI (and not shrink). My understanding was SVG should scale as they are vector.

In other places on the same page I have used a 2x PNG which has worked well. I figure I am just doing something wrong.

I appreciate any guidance you can offer!

Here is my site Read-Only: Webflow - wferrell-playground