Text on top of parallax

[andyscoming]

How am I able to put my text on top of the parallax? I use a div with a background image but all my layered text disappears when the page loads.

[yitengjun]

There are several possible methods, but the important thing is to separate the parallax element from the content element.
When placing content, such as text, within the parallax element, the content elements are also affected by the parallax effect. Therefore, it is important to separate and position them in a way that avoids this influence.
Here is an example of placing text elements on top of a parallax image:

<div class="wrapper">
  <div class="background"></div>
  <div class="text">text</div>
</div>

https://codesandbox.io/s/text-on-top-of-parallax-elements-in-background-image-ukiyo-js-tkmwqv