How To Fade Out A Div, Then Fade In Another In The Same Location. CSS Only

I am trying to fade a div out and then fade another div in to replace it once it has completely faded using CSS only. However, both divs still seem to keep their space on the page

Solution 1:

Use position: absolute for the two DIVs to allow them to be both at the same position. (and position: relative for the parent DIV to make it serve as the position anchor)