style: better background effect in lore page and other improvements

[0xArdy]

closes PRIUI-234
closes PRIUI-236
closes PRIUI-238
closes PRIUI-235

[aws-amplify-us-east-2]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-29.didphymyaj6l4.amplifyapp.com

[linear]

PRIUI-234 Lore ball first scroll should go under the hoop

I have divided the image so you can use them.

The ball should be:

• Above the top part of the hoop
• Below the bottom part of the hoop
• Above the cone

Here are some pictures that will probably help you:

hoop-assets.zip

Can we load a sprite instead of 3 images? jeje don't hate me

PRIUI-236 Let the arrows be whiter, we don't see them if not

One option would be to remove the :hover and just leave it always on

They should be like this

image.png

Instead of like this:

image.png

[linear]

PRIUI-238 Can we make the title don't be overlapping with the graphic on mobile?

image.png

[linear]

PRIUI-235 When a button takes you to another page, the navbar link doens't get colored

As soon as I click in the link, it gets colored

28fca072-04d5-41bc-89e6-cfa1d9d5c4e1