Photocrati Theme Thumbnail Expand On Hover

Hi
I am trying to apply this expand effect to thumbnails in Photocrati Theme 4.7.3
It was originally for Nextgen Gallery
https://www.nextgen-gallery.com/expand-thumbnails/

.ngg-gallery-thumbnail img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ngg-gallery-thumbnail img:hover{
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	transform: scale(1.1);
}

I have changed the code to

.galleria-thumbnails img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.galleria-thumbnails img:hover{
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	transform: scale(1.1);
}

When I paste it into… Photocrati Theme / Theme Options / Other Options / Custom CSS Code
It only partly works, the thumbnail images expand on hover but the border remains static and the same size
If anyone can help with the code or tell me which file this should be pasted into
I would be very grateful
Thank you