I really need to get this website done asap so please help me out.
So the problem is that when my animation occurs on the mobile version of the website the text as overlapping each other as show on the link below, but on the computer version its perfectly fine so can you guys help me out please.
The animated text has been pulled out of the flow of the document because it’s positioned absolutely, while the standard paragraph sits in the normal flow and can’t “see” the animation, hence the overlap.
You could push the paragraph of standard text away from the animation with a top margin.
You could also change how much of a margin is there inside media queries for different screen sizes.