NFT preview card component

Hello, I would really appreciate if someone would help me to find out:

1. I haven't found the way to apply the transition property to card image in the active state. Could you direct me how to do it correctly, please?

2. Are there some other ways to separate two span elements so they stick to oposite sides?

3. What is the best way to add fonts to a project? @import, link or @font-face?

Thank you very much in advance! Best,

Galina