JSFiddle - React, Tailwind, and code Playground

by Jon Fuller

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 1000" width="1440" height="1000" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_2"><rect width="1440" height="1000" x="0" y="0"></rect></clipPath><mask id="__lottie_element_3" mask-type="alpha"><g clip-path="url(#__lottie_element_4)" transform="matrix(0.5673255920410156,-0.12058877944946289,0.12058877944946289,0.5673255920410156,-251.57720947265625,113.55755615234375)" opacity="1" style="display: block;"><g transform="matrix(1,0,0,1,1500,1000)" opacity="1" style="display: block;"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,0,0)" stroke-opacity="1" stroke-width="2" d=" M-1657.8372802734375,135.6773681640625 C-1657.8372802734375,135.6773681640625 -1350.12353515625,-13.167236328125 -1350.12353515625,-13.167236328125 C-1180.2962646484375,-95.3145751953125 -979.99462890625,-18.131410598754883 -903.1214599609375,159.0781707763672 C-903.1214599609375,159.0781707763672 -876.4993286132812,220.4479522705078 -876.4993286132812,220.4479522705078 C-799.6261596679688,397.65753173828125 -685.4224243164062,441.0837707519531 -621.63720703125,317.35992431640625 C-621.63720703125,317.35992431640625 -621.63720703125,317.35992431640625 -621.63720703125,317.35992431640625 C-557.8519287109375,193.6360626220703 -425.3247985839844,5.24796199798584 -325.88372802734375,-103.05538940429688 C-325.88372802734375,-103.05538940429688 -325.88372802734375,-103.05538940429688 -325.88372802734375,-103.05538940429688 C-226.44265747070312,-211.35873413085938 -102.96971893310547,-148.39210510253906 -50.33598327636719,37.463775634765625 C-50.33598327636719,37.463775634765625 -24.97724723815918,127.00845336914062 -24.97724723815918,127.00845336914062 C27.656482696533203,312.86431884765625 101.94528198242188,326.6076965332031...