JSFiddle - React, Tailwind, and code Playground

by elizabethkmathew

HTML

<div style="width: 100%; height: 100%; background-color: #000;">prev

<svg viewBox="0 0 59 96"><defs><path d="M5.31300813,38.9979567 L40.3536585,3.77188662 C41.2154472,2.9055378 41.2154472,1.51611044 40.3536585,0.649761618 C39.4918699,-0.216587206 38.1097561,-0.216587206 37.2479675,0.649761618 L0.646341463,37.4450673 C-0.215447154,38.3114161 -0.215447154,39.7008435 0.646341463,40.5671923 L37.2479675,77.3461518 C37.6707317,77.7711531 38.2398374,78 38.7926829,78 C39.3455285,78 39.9146341,77.7874993 40.3373984,77.3461518 C41.199187,76.479803 41.199187,75.0903756 40.3373984,74.2240268 L5.31300813,38.9979567 Z" id="path-1"/><filter x="-32.9%" y="-17.3%" width="165.9%" height="134.6%" filterUnits="objectBoundingBox" id="filter-2"><feMorphology radius="1.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"/>
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
<feColorMatrix values="0 0 0 0 0.446029974   0 0 0 0 0.446029974   0 0 0 0 0.446029974  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"/></filter></defs><g id="Amenities-and-features" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="01_Amenities_desktop_new" transform="translate(-51.000000, -1038.000000)" fill-rule="nonzero"><g id="party-here" transform="translate(0.000000, 686.000000)"><g id="Group-10" transform="translate(60.000000, 361.000000)"><g id="back"><use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"/><use fill="#FFFFFF" xlink:href="#path-1"/></g></g></g></g></g></svg>

</div>