Noscript not working as it should in wordpress site

That’s not how <noscript> tags work, and if they did your usage is incorrect.

The <noscript> tag defines an alternate content to be displayed to
users that have disabled scripts in their browser or have a browser
that doesn’t support script.

The <noscript> element can be used in both <head> and <body>.
When used inside <head>, the <noscript> element could only contain
<link>, <style>, and <meta> elements.

The contents of a noscript tag only show if javascript is disabled, that’s it. Additionally, you can’t put images and paragraphs in the <head> tag, even inside a <noscript>.

If you want to hide your site and display a message if the user has disabled javascript, it’s not enough to use a <noscript> tag, you need to apply CSS to hide the site, and you need to put your message noscript inside the <body> tag.

Further reading: