Что прописать чтобы z-index работал

Для работы z-index элемент должен иметь позиционирование, отличное от static (по умолчанию). Используйте одно из следующих свойств:

• position: relative
• position: absolute
• position: fixed
• position: sticky

Пример:

.element {
  position: relative;
  z-index: 10;
}

Если z-index не работает, проверьте:

1. Указано ли позиционирование
2. Нет ли перекрытия родительским элементом с меньшим z-index (контекст стека)
3. Не применяется ли overflow: hidden к родителю, который может "обрезать" элемент