window.addEventListener('DOMContentLoaded', (event) => {
            try {
                const stickyNavBarLogo = document.getElementById("sticky-navbar-logo");
                if (stickyNavBarLogo) {
                    const heroImage = document.querySelector("#hero-img");
                    if (heroImage) {
                        const heroObserver = new IntersectionObserver(function (entries) {
                            entries.forEach(entry => {
                                if (entry.isIntersecting) {
                                    stickyNavBarLogo.style.display = 'none';
                                } else {
                                    stickyNavBarLogo.style.display = 'block';
                                }
                            });
                        }, { threshold: 0 });

                        heroObserver.observe(heroImage);
                    }
                }
            } catch (err) {
                console.log(err);
            }
        });