Responsive website with Next.js and TailwindCSS

I would really like to know more about the possibilities of the Next.js Image component and what are the best practices for it to be used as a background or as an image on a card or on a page. I went through the documentation several times but it still is not completely clear how to make them properly responsive. That was the biggest struggle while building this project for me because the images in the cards just didn't behave as I expected. I would also like to know is possible, and if it is how could I use server actions to handle input changes so that I don't use states? I am still at the junior level for Next.js but I'm already amazed by the functionalities that it offers.