[BUG]: after animation demo conflicting input and output on landing page

[techmannih]

Describe the bug.

Hello
after animation demo conflicting input and output on landing page above the 1024px screen. this is not user friendly also this is not good for users. I want to resolve this issue.

Expected behavior

hide output after Demo animation for the large screen as similar as you for small Screen.

Screenshots

How to Reproduce

1. find the code of demoanimation.js
2. remove the opacity for large screen
3. check in localhost after saving the code

🥦 Browser

Microsoft Edge

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[sambhavgupta0705]

@techmannih I am not able to see any problem at asyncapi.com site
can you please explain this issue a little with proper mentioning of the url where this issue is

[techmannih]

@sambhavgupta0705
Sure, After the completion of animation demo it will show. can you check again please I am using Microsoft edge browser

[sambhavgupta0705]

@techmannih this is not a relevant issue so I am closing this one