In this scenario, there are two div blocks with different z-index values. The first block has a z-index of 0, while the second block has a z-index of -1. I am looking to display the text on top of everything within the block that has a z-index of -1. I have already applied the style cursor: pointer to the text.
.first-block image as pizza {
display: inline-block;
position: relative;
z-index: 700;
}
#second block when circle has some text {
position: absolute;
top: -15%;
right: -20%;
z-index: -1;
}
#text div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
text-align: center;
display: inline-block;
}