Почему не работает z индекс на сайте?

Question

[Zhenya Tureysky]

Не работает z индекс в чем может быть дело

<div class="header__content">
			<div class="container">
				<div class="header__content__wrap">
					<h1 class="title title__header">Running the show <br> has never been so <br> easy.</h1>
					<p class="text text__header">Ready to put the human back in HR? Clerksy helps you set the stage with an inclusive and compliant workplace.</p>
					<img class="hero" src="img/hero.png" alt="">
				</div>
			</div>
		</div>

.header__content {
    padding-top: 98px;
    background: var(--primery-color);
}
.header__content__wrap {
    padding-top: 120px;
    padding-bottom: 130px;

    position: relative;
    margin: 0 auto;
    max-width: 1200px;
}
.title {
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    color: var(--primery-color);
}
.title__header {
    color: var(--white-color);
    line-height: 65px;
    z-index: 10;
}
.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: var(--primery-color);
}
.text__header {
    margin-top: 18px;
    color: var(--white-color);
    max-width: 475px;
    z-index: 10;
}
.hero {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

Comments

[historydev]

на песок загрузите

Answer 1

[Elvis]

Хорошие статьи для понимания z-index
https://habr.com/ru/post/431046/
https://habr.com/ru/post/166435/

Answer 2

[Дмитрий]

Position родителя не тот
Вот и не работает
Если лень заморачиваться то
* {position:relative;}

Answer 3

[justniktoya]

* {
position: relative
}