Why does z-index not work, how to make an element on top of another?

Question

Layout

Why is there text below the image? How to make it from above please tell me? changeable-glove.surge.sh/parallax

Answer 1

<div class="toolTip">
        <p class="toolTip__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur distinctio dolore ipsam iste nobis pariatur possimus quia, quidem quisquam quos?</p>
        <!-- /.toolTip__content -->
    </div>
    <!-- /.toolTip -->

.toolTip {
  width: 400px;
  height: 150px;
  background-color: #ebebeb;
  border-radius: 5px;
  margin-left: 50px;
  position: relative;
  padding: 20px;

  &::before {
    content: "";
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    position: absolute;
    left: -15px;
    top: 30%;
    background-color: #ebebeb;
  }
}

Answer 2

www.prntscr.com/ga2ffk