HTML and CSS custom properties

Hello, this is my solution, I would like to know what do you think about it, and what are the parts that need to be changed or improved, I didn't add the responsiveness to it, I thought about using min-width[25%] and max-width[80%] (without using media query since the challenge said that the card doesn't shift) to not let the card shrink when the screen size shift to a mobile size but it didn't work, any suggestion on this is appreciated.