Есть ли способ добавить фоновое изображение для каждого элемента списка в списке? ⇐ CSS

[Anonymous]

Я создаю еще один веб-сайт, фон которого представляет собой акварельный рисунок, и я хотел сделать так, чтобы за каждой кнопкой навигации было изображение акварельных брызг. Я пытался это понять, но ничего не получилось.
Вот моя текущая попытка, но ничего из того, что я пробовал, пока не сработало:

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

nav {
display: flex;
padding: 2% 6%;
justify-content: space-between;
align-items: right;
}

.nav-links {
flex: 1;
text-align: right;
}

.nav-links ul {}

.nav-links ul li a {
color: black;
text-decoration: none;
cursor: pointer;
}

.nav-links ul li {
list-style: none;
display: inline-block;
padding: 8px 12px;
position: relative;
background-image: url(https://assets.onecompiler.app/42tzva7s5/42wnuqh5j/water%20drop.png);
background-position: relative;
}

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

[list]
[*]LORUM
[*]LORUM
[*]LORUM
[*]LORUM
[*]LORUM
[/list]

Подробнее здесь: https://stackoverflow.com/questions/791 ... -in-a-list