Изображения блокируют кнопки навигации ⇐ Html

[Anonymous]

Изображение блокирует доступ, чтобы нажать на ссылки. Мне нужна небольшая помощь в том, чтобы привести навигацию на работу. Есть ли способ заставить изображение оставаться перед навигационной панелью, не блокируя кнопки ???

Код: Выделить всё

body{
margin: 10px;
}

.nav {
overflow: hidden;
background-color: black;
position: absolute;
width: 250px;
top: 10px;
display: flex;
flex-direction: row-reverse;
left: 10px;
z-index: 0;
}

.nav a {
color: white;
text-align: center;
padding: 10px 16px;
text-decoration: none;
}

.nav a:hover {
background-color: pink;
color: black;
}

img.cat {
width: 200px;
position: relative;
z-index: 1;
}< /code>

[url=#]Link[/url]
[url=#]Link[/url]
[url=#]Link[/url]

[img]https://i.ibb.co/8DbNgqD2/cat-png-17.png[/img]

Подробнее здесь: https://stackoverflow.com/questions/797 ... on-buttons