How to make the content of “name” class visible?
Condition: you cannot change z-index value in “content1” and “content2” classes.
HTML:

<div class="test">
  <div class="content1">
    <div class="name">NAME</div>
  </div>
  
  <div class="content2">
      SURNAMESURNAMESURNAME
  </div>
</div>

CSS:

.content1 {
  background-color: red;
  position: fixed;
  z-index: 3;
}

.name {
  z-index: 89999999999999;
}

.content2 {
  background-color: green;
  z-index: 2147483547;
  position: fixed;
}

I tried to change css property like position, but it’s not working