Use images for barfy stars (as a further option)
see example from the author and use the images attached:
<div class="button" is="wtc-barfy-stars" data-config='{"scaleInitial": 1, "momentum" : 7, "numParticles": 100, "extraStyles" : ".BSParticle::after { background: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/982762/nauseated-face_1f922%20(1).png\") no-repeat center center; background-size: contain; }.BSParticle--2::after { background-image: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/982762/leafy-green_1f96c.png\");}.BSParticle--3::after { background-image: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/982762/trex_1f996.png\");}.BSParticle--4::after { background-image: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/982762/dragon-face_1f432.png\");}.BSParticle--5::after { background-image: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/982762/crocodile_1f40a.png\");}"}'>Hover me, baby.</div>