My <img> element is wrapped in an anchor tag, but it's not behaving like a link. Strangely, the <p> tag is acting as a link instead. How can I make the image function as a link without needing the <p> tag?
Currently, there is no cursor change when hovering over the image.
<div class="container">
{% for item in page.client_images.all %} {% image item.image fill-150x150-c100 %}
<a href="{{ item.caption }}" style="display:block;">
<img src="{{ img.url }}" class="item" alt="{{ img.alt }}">
<p>{{ item.caption }}</p>
</a>
{% endfor %}
</div>