Testimonials Grid - Vite + React - TailwindCSS

I struggled a lot to properly deploy the web page. One of the reasons was that my images weren't included in the /dist folder. And even after they were all included, the URLs that I hard-coded in index.html (Favicon) and tailwind.config.cjs (Background image in the theme) didn't match the files placement in the production build directory. I ended up trying to "predict" where the files would end up and hard-code the URLs to that.

However, that brings the issue of the URLs not making sense in the development build. Is there any way to use development build URLs only in development and production build URLs only in production?