how to solve integrated popup is hiding the background content on home page

Some times other customization on the website home page may cause an error in the popup ui property so in this case the index of the popup partent class was to high so other content on the page is not able o access so i have updated the script in smt page so when popup is closed remove the background class also.

code:

 // added code to resolve the klaviyo-popup issue//
    $(document).ready(function () {
        $('.needsclick.kl-private-reset-css-Xuajs1').each(function () {
            var element = this;
            var observer = new MutationObserver(function (mutations) {
                mutations.forEach(function (mutation) {
                    if (mutation.attributeName === 'style') {
                        if ($(element).css('animation-name').includes('klaviyo-fadeout')) {
                            $(element).css('display', 'none');
                        }
                    }
                });
            });
            observer.observe(element, { attributes: true });
        });
        $('.needsclick.kl-private-reset-css-Xuajs1').on('click', function (event) {
            if ($(this).css('animation-name').includes('klaviyo-fadeout')) {
                $(this).css('display', 'none');
            }
        });
    });
    //code ends//
</script>