JSFiddle - React, Tailwind, and code Playground

HTML

<svg viewBox="0 0 200 200" version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <circle cx="0" cy="0" r="80" style="fill:blue" />
  <image x="10" y="20" width="120" height="150" xlink:href="https://webkit.org/blog-files/circle.svg" />
</svg>

CSS

svg {
  border: 0.5px solid #000;
  width: 90vw; 
  height: 50vh;
}