gallery effects

Site URL: https://rochelle.studio/selected-works-4

I have two ideas I'm wanting to implement. I'm using 7.1 and strips gallery.

1. ) Is there a way to have the gallery images in colour, when you hover they turn greyscale and once curser has moved off it goes back to colour? 

I have used this code which makes everying greyscale but when hovers it shows colour.

.gallery-strips-item {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
figure:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

2.) When hovering over an image it enlarges quite big, then goes back to normal.

Hi, I can't see the page behind the password but try this:

.gallery-strips-item img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  transform: scale(1);
  transition: all .6s;
  &:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transform: scale(1.4);
  }
}

I hope that helps.