firefox update problem masonry rollover

ah I figured it out, thanks.
was not sure where that code was coming from or where to change it but I added this:
.avia-mozilla .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
transform-style: inherit!important;
}

.avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
transform: rotateX(120deg);
-webkit-transform-style: preserve-3d;
transform-style: inherit!important;
}

and it seemed to work. I have another problem now – the zoom animation seems unstable on firefox – if you hover over the images the zoom moves a bit. http://www.cfcnorge.com/item/human-rights-democracy/ I have disable some of the animation with this:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1!important;
}

but this:
.av-masonry-image-container:hover {
transform: none !important;
}

which was supposed to disable the zoom did not work. I am not sure what is causing the problem in firefox, since I deleted that last code and it is fine in other browsers.
any suggestions?
Thanks very much
Nancy

• This reply was modified 9 years, 11 months ago by Munford.