I see you didn't center the card. If you add these settings to the body, it'll make it happen.
display: flex; justify-content: center; align-items: center;
This is my solution, you can check out if you want
@Wrieed Hey, thanks for the feedback! Unfortunately, these settings are not able to vertically center the card. I'd tried various methods for the same as well, still unsuccessful.