Space tourism website using NextJS, Typescript and SASS

What a project! Learnt a lot on this one. Code went through a series of refactors as I rethought things and learnt things. Party.

Did end up with a few odd solutions to things. Please let me know if there were better ways:

• Made a separate fixed div for the backgrounds. I just liked how it separated form from function.
• I feel like my BEM was a bit all over the place. I love how it works with SASS but it gets mighty messy with a few round of nesting. Anyone have better solutions?
• Dynamic routing in NextJS tripped me up a little. I ended up having the index.tsx of each category just display the first subpage (/destination shows the same as /destination/moon etc) but this effectively doubles up the html for the moon page. I tried removing the index.tsx and adding href='/destination/moon' as='/destination' but it added a bit too much reload. Is there a better way?
• Sizing up into extra large displays was a bit of a new thing for me, too. Ended up multiplying the rem value in breakpoints above min-width: 2200px. How much more detail are people going into here? Are we including height breakpoints as well? Ratios?

Anyway, good time. Thanks for the challenge.