Interactive card details form - HTML/CSS/GRID/JS

My solution for making the app responsive was difficult as positioning the card display details (e.g. card number/ name/ expiration date) on top of the images became cumbersome. Relied on positioning the elements specifically using top/bottom/left/right. While this works, I'm sure there is a better way to go about this.

As for the validation of the form - I used regex to prevent the user from typing non numbers in all of the fields other than the name. My validation only checks if the inputs are blank. The input html attributes automatically handle some of the other validation.