Image effects Opt your images into responsive behavior and add lightweight styles to them, all via classes.

You shoudl apply .img-hov-* classes to a wrapper element of <img>. This could be a <div>, <a>, <figure>, etc. based on your need.

<figure class="img-hov-fadein">
  <img src="../assets/img/image.jpg" alt="...">
</figure>

<!-- Clickable -->
<a class="img-hov-fadein" href="#">
  <img src="../assets/img/image.jpg" alt="...">
</a>