This text is immediately after the image in the code. The gap between the image and the text is because "when an image is relatively positioned, the space it once occupied is preserved." (p. 407, Learning Web Design). The turtle appears underneath the bear since was relatively positioned and assigned a z-index of -1; the bear by default has a z-index of 0.
Revised: November 18, 2021