Both the background image and navbar background don't render. I'm using Vercel and Netlify to deploy and have used the build command as well as the publish directory setup on both sites. Tried checking my code since I'm using Tailwind for the first time, but I still can't figure out what went wrong?

The repo:

The links you specified in index.html are relative ones, the absolute path of which are path/to/index/ value/of/src. For example your page will actually look for the main.js in repo-root/dist/dist/.

So you should either properly store and link your resources, or learn to use bundle tech, e.g. webpack.