JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="100%" height="300">
  <rect fill="orange" x="10" y="10" width="50" height="40"></rect>
  <svg id="inner" width="50%" height="100%" >

  </svg>
</svg>

CSS

svg {
  background-color: white;
  border: 1px solid #CCC;
}

#inner {
  background-color: pink;
  border: 1px solid black;
}