JSFiddle - React, Tailwind, and code Playground
by Leonid Artemev
HTML
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="419px" height="451px" viewBox="0 0 419 451" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>1</title>
<desc>Created with Sketch.</desc>
<defs>
<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
<feGaussianBlur stdDeviation="10" in="SourceGraphic" result="blur"></feGaussianBlur>
</filter>
<linearGradient x1="50%" y1="12.3548282%" x2="50%" y2="100%" id="linearGradient-2">
<stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0.15" offset="23.3255589%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="64.9853078%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0.3" offset="100%"></stop>
</linearGradient>
<linearGradient x1="66.8390012%" y1="45.064374%" x2="2.90384496%" y2="45.0643748%" id="linearGradient-3">
<stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0.1" offset="100%"></stop>
</linearGradient>
<path id="path-4" d="M0.927,384.527 C120.927,386.027 279.087,388.092 402.427,388.027 C399.427,292.527 398.927,152.027 395.973,5.371 C363.933,5.076 48.947,0.915 11.427,0.527 C9.427,74.027 10.927,342.527 0.927,384.527"></path>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="1" sketch:type="MSLayerGroup">
<path d="M37.928,36.558 C37.928,36.558 34.927,363.027 26.099,424.117 C131.094,413.029 276.663,409.164 391.427,406.443 C387.057,248.832 375.728,40.708 375.728,40.708 L37.928,36.558" id="Fill-9" opacity="0.3"...