Hover effect on image

Since the pervious (2018 October 15th – Version 4.5) Enfold update the image hover effect is applied on the container and on the image. The hover effect has to be applied only on the image inside the container. It was solved by Andy years ago see this threat: https://kriesi.at/support/topic/default-image-hyperlink-effects/

This is the current code i’m using.

.avia-image-container-inner .custom-grid:hover {
-webkit-transform: scale(1.2) rotate(5deg);
moz-transform: scale(1.2) rotate(5deg);
-o-transform: scale(1.2) rotate(5deg);
transform: scale(1.2) rotate(5deg) !important;
}
.avia-image-container-inner .custom-grid {
-webkit-transition: transform .2s ease-out !important;
-moz-transition: transform .2s ease-out !important;
-o-transition: transform .2s ease-out !important;
transition: transform .2s ease-out !important;
}
.av-hover-grow:hover img {
-webkit-transform: scale(1.2) rotate(5deg);
moz-transform: scale(1.2) rotate(5deg);
-o-transform: scale(1.2) rotate(5deg);
transform: scale(1.2) rotate(5deg) !important;
}
.av-hover-grow img {
-webkit-transition: transform .2s ease-out !important;
-moz-transition: transform .2s ease-out !important;
-o-transition: transform .2s ease-out !important;
transition: transform .2s ease-out !important;
}
/* categorieën hover-uit speed */
#top .av_inherit_color a {
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
/* categorieën hover-in speed */
#top .av_inherit_color a:hover {
color: #ed9623 !important;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}