How to fix Z-index layering issue

Hello Everyone! So we recently designed this website seerat-test.webflow.io

Currently the particle network animation (custom code) on header is not responsive (its supposed to generate particles where-ever user clicks) as it’s Z index is below the contact us button.

However, if we increase its Z-index, the contact us button stops responding.

Is there any solution to keep both active?


Here is my public share link: https://l.facebook.com/l.php?u=https%3A%2F%2Fpreview.webflow.com%2Fpreview%2Fseerat-test%3Futm_medium%3Dpreview_link%26utm_source%3Ddashboard%26utm_content%3Dseerat-test%26preview%3D2ee02a7ca09a90a16aa06cba755f4ee7%26workflow%3Dpreview%26fbclid%3DIwAR0F5mliNrZFc8AzVzr7jhFw1hv6hAcOLO2WcGT_LgnPjSzmBnSbdx9tqyQ&h=AT0TlOhWF_yP96yjNiQXSj-9OGzUD2q2WeaLjvaOCKWWYj7L6ll0NjZmIT_MejuHnfAfq5NAMam7NcJ-yQA93LwYmtAooahQvsvGUIyHsyBJ4Wzg41K3NCJ29RzjSwTXYgYT&__tn__=-UK-R&c[0]=AT3-xUXIuynr4k5ZVW9h3kMvi6Zelz__aEirGFCiy87zDctve53N6OC2ckDG560idqOMDIOvzK0YcIIKSnmhqLVj2nuJmXytqYtZbOdHtrSShgpWiNv7mi4bwF_C9erbfTfNa803lOdqQRdDG4XzUkuNXZ0TpFcxp0nMoe57-_q2kguR_NtMN9BlClnfJu_cssCYk0GOMU5RY9mK9lH2GpY