I found this CSS on your forum.
You can change this with some custom CSS. Please repalce the CSS with:
.sow-image_darken .so-widget-sow-image img {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.sow-image_darken .so-widget-sow-image img:hover {
-webkit-filter: brightness(50%);
-moz-filter: brightness(50%);
-ms-filter: brightness(50%);
filter: brightness(50%);
}
Then please open the SiteOrigin Image widgets you wish to apply this styling to or open the row if it’s a series of images in a single row. Head over to the row/widget styles sidebar and open the Attribute settings group. Set the Row/Widget class to sow-image_darken and then save.
How does that look?
is this also possible with two picures. bv. you see a black and white picture, by hover it turns into color. (I know I have tot make two different picture)