Responsive, Live text update Card form(React, Typescript, Tailwind)

I would appreciate any feedback on this.

I am not sure if I took the right approach on the card images and chose to display them as a background. I found it quite difficult to understand how to position these objects on the page but I managed to get a scaling version of this working. If anyone has any feedback on how I could have done this in a better way I would appreciate it.

I would also like some feedback on my logic! Thank you!