CSS Display and Positioning - Position: Relative

Here is the link to the example in the “CSS Display and Positioning” lesson:

My question is:

When position: relative; top: 200px; is applied for .welcome it overlaps with .question. But if we apply position: relative; top: 500px; to .question it doesn’t overlap with .answer. Can somebody explain this to me?