<svg viewBox='0 0 1920 1080' xmlns='http://www.w3.org/2000/svg'>
    <defs>
        <filter id='inset-shadow-top-bottom'>
            <feOffset dx='0' dy='30' result='offset-top' />
            <feOffset dx='0' dy='-30' result='offset-bottom' />
            <feGaussianBlur in='offset-top' stdDeviation='30' result='offset-top-blur' />
            <feGaussianBlur in='offset-bottom' stdDeviation='30' result='offset-bottom-blur' />
            <feComposite operator='out' in='SourceGraphic' in2='offset-top-blur' result='inverse-top' />
            <feComposite operator='out' in='SourceGraphic' in2='offset-bottom-blur' result='inverse-bottom' />
            <feFlood flood-color='black' flood-opacity='0.8' result='shadow-color' />
            <feComposite operator='in' in='shadow-color' in2='inverse-top' result='shadow-top' />
            <feComposite operator='in' in='shadow-color' in2='inverse-bottom' result='shadow-top' />
            <feComposite operator='over' in='shadow-top' in2='SourceGraphic' result='step-1' />
            <feComposite operator='over' in='shadow-bottom' in2='step-1' />
        </filter>
    </defs>

    <path
        d='M -56.568541,241.21004 C 14.123201,163.33378 110.4425,109.11526 213.69259,89.078963 316.94268,69.042668 426.55011,83.299881 521.23871,129.0831 c 56.12308,27.13627 106.50015,64.64142 160.19374,96.31438 53.69359,31.67295 112.84964,58.02864 175.17691,59.24912 58.32965,1.14219 114.59903,-19.71927 169.00004,-40.79494 54.401,-21.07567 110.0601,-42.97459 168.3909,-44.05788 58.7379,-1.09085 115.648,19.04464 170.15,40.97311 54.502,21.92847 109.0152,46.16556 167.241,53.98123 73.1933,9.82476 147.334,-6.99435 217.8201,-29.02825 70.4861,-22.0339 139.7026,-49.49097 212.5048,-61.88548 64.5984,-10.99783 131.7925,-9.73891 194.7412,8.46484 62.9486,18.20375 121.4598,53.87336 162.8528,104.67225 39.0374,47.90797 61.9558,108.34306 66.5928,169.96766 4.6369,61.62459 -8.7437,124.22433 -36.2882,179.54512 -40.4089,81.15771 -111.686,146.40469 -195.9696,179.80715 -86.2546,34.18356 -184.5389,34.84839 -272.7412,6.06092 -62.7927,-20.4943 -122.0295,-55.55314 -187.8883,-60.60916 -67.4648,-5.17931 -132.8819,21.85496 -194.2806,50.28949 -61.3987,28.43453 -124.0224,59.39802 -191.5977,62.8476 -41.9499,2.14146 -83.9202,-6.58443 -123.4448,-20.80366 -39.5246,-14.21923 -76.8606,-33.84901 -113.6252,-54.16518 -73.52913,-40.63233 -148.17038,-85.2389 -231.64079,-94.73679 -60.67415,-6.90396 -121.77293,5.36997 -181.24732,19.21966 -59.47439,13.84968 -119.32185,29.43843 -180.38729,29.26766 -62.48304,-0.17473 -123.56403,-16.83728 -184.32929,-31.38872 -60.76526,-14.55144 -123.42353,-27.16544 -185.38654,-19.1189 -71.118159,9.23543 -135.853123,44.91604 -204.987532,63.98222 -34.567208,9.53309 -70.787968,14.90229 -106.360658,10.39059 -35.57268,-4.51171 -70.57506,-19.59026 -94.73313,-46.08854 -23.85679,-26.16782 -35.63251,-61.67138 -38.3858,-96.97465 -5.20938,-66.79577 19.93269,-133.10972 57.24594,-188.75622 37.31325,-55.6465 86.3355,-102.25232 134.68304,-148.63473 29.7284,-28.52006 59.359776,-57.14127 88.893429,-85.86296 z'
        fill='#86CB92'
        filter='url(#inset-shadow-top-bottom)'
    />
</svg>
body {
    background: #F3E5AB;
}

svg {
    display: block;
    width: 100%;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.