-Good use of CSS variables for maintaining a consistent color scheme across the project.
-The * selector reset for margin, padding, and box-sizing is a good practice for consistency.
-Media queries are well-used to adjust the card width for mobile views.
Very good
Maybe you can simplify the hover effect by using a single class (.overlay)