Responsive card using next.js with tailwind css

Hey guys, it's my first time using tailwind and I really liked it despite having some difficulties. I also have little experience with next.js, so I suppose I have some errors.

Questions

• Is there a better way to import the font?
• Is the way I added the breakpoints correct?
• I think the way I positioned the background images is bad, is there a better way?

Thank you very much for any feedback, it helps a lot.