CSS转换不在chrome中工作但在safari中工作

Question

链接到网站：http://178.159.11.114/~experiments/services/

注意转换位于右侧的图像上。

我已经阅读过各种帖子，并认为-webkit-会解决这个问题，但无济于事。

在Firefox上它可以减轻＆＃39;与...淡入＆＃39;喜欢风格，而在Chrome上它就像打开或关闭开关..

CSS

.masonryImage, .columnContainer img, .rev_slider { /* GRAYSCALE OPTION  */

    -webkit-filter: brightness(0.5) contrast(0.75) grayscale(0.9) !important;
    -moz-filter: brightness(0.5) contrast(0.75) grayscale(0.9) !important;
    filter: brightness(0.5) contrast(0.75) grayscale(0.9) !important;

    transition: -webkit-filter all 0.5s ease !important, transition all 0.5s ease !important; /* fix? */ 
    -webkit-transition: all 500ms linear !important;
    -o-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

.masonryImage:hover, .columnContainer img:hover, .rev_slider:hover { 
    -webkit-filter: brightness(1) grayscale(0) contrast(1) !important;
    filter: none !important;


    transition: -webkit-filter all 0.5s ease !important, transition all 0.5s ease !important; /* fix? */ 
    -webkit-transition: all 500ms linear !important;
    -o-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}