Improve Background - closes #42

[fsilvaco]

It solves the problem on large screens. Background created with pure CSS:

Before:

After:

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @willianjusten on Vercel.

@willianjusten first needs to authorize it.

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/willianjusten/nba-remix/4dfWadgFHxD9jiZpW43yFgHBRY11
✅ Preview: https://nba-remix-git-fork-fsilvaco-main-willianjusten.vercel.app

[adeonir]

@fsilvaco I liked your solution, very cool. But there are two problems:

• backdrop-filter doen't work on Firefox, but we have added a custom plugin, based on this posts, that adds a fallback firefox:fallback-property. In this case, the NBA logo could have a opacity instead.

• maybe because of the nested div that you added, the backdrop-filter stoped working on calendar dropdown. Whould be nice if you could fix this.

[fsilvaco]

@adeonir, Thanks for your feedback.

• About backdrop-filter I applied a new solution, using filter: blur() that works in Firefox.

• With that, the problem in the calendar was also solved.

[adeonir]

Nice work 🚀

[fsilvaco]

@adeonir, @willianjusten, Done! Thanks for the comments and help! I am very happy to contribute to such an amazing project. <3