Keep the text line on the card line independent of the scaling
The following tutorial shows how to do it: https://codepen.io/ceg9498/post/creating-lined-paper
The real key to making all of this work is line-height: set it to match the height of your repeating gradient (for me, it was 27px), and the lines of text will have the same spacing as your blue lines do.
You can test it here: https://codepen.io/ceg9498/pen/wvwMPzY