Interactive card details

This was by far the most difficult one I had to work with. Finding regex to validate card number was difficult. Also, accepting letter and number both as an input in the card field is not ideal because it is hard to validate them since both number and letters are rendered as a string. In terms of design, it's hard to make text move with the image when the width changes. CVC text on the card still not moving with the card image when shrunk to mobile width. Help me if you know how to solve that problem. Using onblur property was awesome. Using Cleave was pretty nice too. It made input formatting easy.