display example of composite

Author: knzai

_posts/2024-09-01-svg-ccc.md

@@ -34,6 +34,8 @@ You can of course adjust to wherever in between.  If you want really crisp lines
 
 This is the result I ended up on for this header, originally (I ended up using an AVIF after all, for now, so I didn' have to deal with hacking the jekyll plugin to use a separate image for the OpenGraph share. I'll probably swap back to the smaller and crisper svg-ccc). The font, gradient, and overlay are all done in SVG making it even easier to swap in different photos (svg autogenerated by Figma then cleaned up a bit via [svgviewer.dev](https://www.svgviewer.dev)).  
 
+![](/assets/img/posts/svg-ccc/composite.svg)
+
 ```xml
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" viewBox="0 0 918 560">
   <g clip-path="url(#a)">