I am working on a layout using CSS Grid where I need two grid items to overlap each other. The overlapping elements should have different z-index values to control which one appears on top. However, when I apply z-index values to the overlapping grid items, the z-index property doesn’t seem to have any effect. Both items remain at the same stacking level.