Всем привет! Имею такую часть кода. Через ховер хочу прописать, чтобы при наведении на одну из картинок появлялся бэкграунд. Но у меня при наведении на картинку бэкграунд появляется у всех элементов, а не у одного. Скажите, пожалуйста, как правильно прописать hover.
<div class="modelrow">
<ul class="row">
<li>
<figure>
<p><img class="p2" src="img/8.jpg" alt=""></p>
<figcaption></figcaption>
</figure>
</li>
<li>
<figure>
<p><img class="p2" src="img/9.jpg" alt=""></p>
<figcaption class="txt"></figcaption>
</figure>
</li>
<li>
<figure>
<p><img class="p2" src="img/10.jpg" alt=""></p>
<figcaption></figcaption>
</figure>
</li>
</ul>
</div>