JSFiddle - React, Tailwind, and code Playground

by elizabethkmathew

HTML

<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1100" height="74" viewBox="0 0 1100 74"><defs><path id="4ozda" d="M170 523s160.7 4.86 227.01 4.86c22.24 0 117.97-4.86 226.3-4.86 63.42 0 132.36 4.83 255.49 4.86 52.64.02 143-4.86 262.81 0C1174.82 529.21 1270 523 1270 523v67.4s-259.5 9.87-330.4 4.98c-72.39-4.98-197.62-1.63-413.11 0-35.03.27-112.95-8.45-165.7-4.98-75.84 4.98-190.79 0-190.79 0v-33.7z"/></defs><g><g transform="translate(-170 -523)"><use fill="#cdecff" xlink:href="#4ozda"/></g></g></svg>
<p>
gdsgsdgsdgsd dsgds gdsgsdgsdgsdgds gdsgdsgdsgsdgdgdsg
</p>
</div>

CSS

div {
  position: relative;
}
p {
  position:absolute;
  top: 0;
}