Modal - Background body scrolling issues

Hi there,
having a few scrolling background issue when modal is opened. So I did try inserting a custom code to fix this scrolling problem, but the background starts scrolling again when I click a part of the screen when modal is open. Also seems like the code didn’t work in tablet and mobile settings?
Anyone know what the issues might be?
I have attached an image of custom codes that I tried using for you to look at


Thank you!


Here is my site Read-Only: [LINK][1]

https://preview.webflow.com/preview/anju-creative-23bec9?utm_medium=preview_link&utm_source=designer&utm_content=anju-creative-23bec9&preview=fe4f6b5a93db44b58b20e8729914f7a7&mode=preview