The background images were the bane of my existence last night. I was up until 3am trying to get them right because they were creating a bunch of overflow. 🤣
Ultimately, instead of positioning them in relation to the viewport, I absolutely positioned them in relation to the card and used the translate property to get them on the opposing corners.
I still have some overflow, but not as much. The best solution? Probably not. The prettiest? Eeeeh, nah.
I think your solution looks good, but I can't see your background bubble images on my phone very well, so maybe they still need some work. I saw other people using fixed positioning to get them were they wanted and I thought that worked well too.
Marked as helpful
@shavedhead
Posted
@perezjprz19 Hmm thanks for the reply Jessica. I'll probably try to work on it some more later tonight and hopefully fix them.