Three.js project no longer interactive after adding html news carousel to top of page

Questions
,
1

code: Glitch :･ﾟ✧

I want the globe to still be clickable while displaying the news carousel at the top of the page,for some reason when i add the carousel the globe no longer becomes interactive, what should I do?

Screenshot 2022-12-20 at 20.49.25
Screenshot 2022-12-20 at 20.49.251920×1004 129 KB

code at top of page:

<!DOCTYPE html>
<head>
<rssapp-ticker id="tRj0yIAl7HEk9RzX"></rssapp-ticker><script src="https://widget.rss.app/v1/ticker.js" type="text/javascript" async></script>
<style>

2

I think cssrenderer has pointer-events:none as a css style to avoid intercepting pointer events. This might work for you?