brightness filter

src/files/css/main.css

@@ -9812,15 +9812,25 @@ img {
   text-align: center;
   margin: 20px 0; }
   .additional-info__item img {
-    -o-animation: brightness 0.5s;
-    -moz-animation: brightness 0.5s;
-    -webkit-animation: brightness 0.5s;
-    animation: brightness 0.5s;
-    -webkit-filter: brightnessOff(70%);
-    -moz-filter: brightnessOff(70%);
-    -ms-filter: brightnessOff(70%);
-    -o-filter: brightnessOff(70%);
-    filter: brightnessOff(70%); }
+    -o-animation: brightnessOn 0.5s;
+    -moz-animation: brightnessOn 0.5s;
+    -webkit-animation: brightnessOn 0.5s;
+    animation: brightnessOn 0.5s;
+    -webkit-filter: brightness(100%);
+    -moz-filter: brightness(100%);
+    -ms-filter: brightness(100%);
+    -o-filter: brightness(100%);
+    filter: brightness(100%); }
+    .additional-info__item img:hover {
+      -o-animation: brightnessOff 0.5s;
+      -moz-animation: brightnessOff 0.5s;
+      -webkit-animation: brightnessOff 0.5s;
+      animation: brightnessOff 0.5s;
+      -webkit-filter: brightness(70%);
+      -moz-filter: brightness(70%);
+      -ms-filter: brightness(70%);
+      -o-filter: brightness(70%);
+      filter: brightness(70%); }
 
 .feedback-form {
   width: 100%;

src/files/scss/_additional-info-blocks.scss

@@ -9,8 +9,13 @@
         margin: 20px 0;
 
         img {
-            @include animation(brightness $__themeImg-brightness-animation-duration);
-            @include filter(brightnessOff, $__themeImg-brightness-min);
+            @include animation(brightnessOn $__themeImg-brightness-animation-duration);
+            @include filter(brightness, $__themeImg-brightness-max);
+
+            &:hover {
+                @include animation(brightnessOff $__themeImg-brightness-animation-duration);
+                @include filter(brightness, $__themeImg-brightness-min);
+            }
         }
     }
 }