JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" class="size1">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="72 -57 202 118">
    <ellipse cx="173" cy="2" rx="100" ry="58" />
  </svg>
</div>

CSS

#wrapper {
  position: relative;
  width: 60%;
  margin: 0 auto;
}
ellipse {
  fill: red;
  stroke: black;
  stroke-width: 2px
}