Why is pseudoclass ":hover" dont work there

Question

//html
<!-- header start -->
<div id="header" class="section">
<img alt="" class="img-circle" src="https://code.sololearn.com/Icons/Avatars/0.jpg">
<p>Danila Ptuha</p>
</div>
<!-- header end -->
.img-circle {
border: 3px solid white;
border-radius: 50%;
}
//css
img:hover {
animation: circle 3s linear 2s infinite;

Answer 1

You need to write
@keyframes circle {
from {...}
to {...}
}

in order animation circle could work.

And also don't forget to add prefix vendor browser support