You should use one of the classes below for image hover effects if none are provided:
.pan
.pan-nozoom
Usage is supersimple, just use the following css code (you can play on this for the best effect, yet consider these were preapproved with Vera):
img.pan, img.pan-nozoom {
transform: scale(1, 1);
clip-path: inset(0%);
transition: transform 1.5s ease-out, clip-path 1.5s ease-out, filter 1.5s ease-out;
}
img.pan:hover {
transform: scale(1.05, 1.05);
clip-path: inset(5%);
filter: contrast(125%) brightness(110%);
}
img.pan-nozoom:hover {
transform: scale(1.05, 1.05);
clip-path: inset(2%);
filter: contrast(125%) brightness(110%);
}