Hi
The big things that need fixing on this are
- html - you've used no meaningful elements at all.
- html should not be display flex or styled like the body
- no height should be on the card at all, just a min height if needed on the pattern image at the top of the card.
- At the moment content is spilling out on mobile landscape probably due to heights and relative positioning used
- content stacks by default so you shouldn't be using all those position relatives with percentage from top. That's not needed and causing problems with the size of card and positions.
- use width 100% and max-width on the card instead.
I hope this helps
1