Responsive Page/Form Design. Reactive form w/ custom validation

The form validation logic was very fun to build with some good challenges.

I think my solution is pretty close to the original design but i have a problem with the way i managed the placement of the text in the reactive cards:

I used CSS clamp to keep the text in the right area as the cards change size but i discovered that the property is not supported on Firefox mobile (and maybe others that i could not test)

I would like to know what technique i should use for more compatibity.

Thank you for your time.

Have a nice day/night. Peace