Pop-up local storage is different for CMS pages

I have the top banner pop up appear for everypage. If someone closes it on one page it will not display for the rest. This is all working perfectly expect for the CMS pages. Such as:
https://grouporttherapy.webflow.io/what-we-treat/anxiety
https://grouporttherapy.webflow.io/groups/grief-group-with-cynthia-aronson

These seem to be on a different local storage because the pop up reappears for those pages.
I am not very good at custom code and all the code I use is sourced from the internet. Any advice here would be great. This is the code I used for the popup:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>
$(document).ready(function() {

    $('.popup-overlay').css('display', 'flex');

    $PopUp = $('.popup-overlay');

    var hide = JSON.parse(localStorage.getItem('hide'));

    if (hide) {
        $PopUp.hide();
    } else {
        // initialize value in case it hasn't been set already
        localStorage.setItem('hide', false);
    }

    $('.closebtn').click(function() {
        $('.popup-overlay' ).hide();
        // toggle the boolean by negating its value
        var hide = JSON.parse(localStorage.getItem('hide'));
        localStorage.setItem('hide', !hide);
    });
});
</script>

Here is my site Read-Only:
https://preview.webflow.com/preview/grouporttherapy?utm_medium=preview_link&utm_source=designer&utm_content=grouporttherapy&preview=2f788dc75e6315b3b91b1f4321915dc3&pageId=61d8620009461a843003cd85&itemId=61d8620009461a920903cea5&workflow=preview

Here is site: https://grouporttherapy.webflow.io

Hi @camputty,

I try to replicate the issue but I can’t able to do that. It’s working fine.