Congrats on completing the challenge. You did a really nice job!
No, you didn't do it wrong. There are multiple ways to approach this sort of stuff when it comes to CSS and your approach is good too. You can also achieve this image effect on hover using the ::after and ::before pseudo-classes.
Just two tweaks I suggest adding:
Reduce and soften the box shadow of the card a bit
Reduce the size of the card a bit when it reaches mobile screen size
Overall, you've done a nice job. Keep up the good work!
Marked as helpful