Corporation Hover Section Transparent Background

[kwp4petar 0]

Hi, i'm trying to get the hover background to be completely transparent.  The closest i've gotten so far is using a 75% opacity grey box I made in photoshop and set that as a background-image:

 

.jgHover figure {

  background-image: url("...");

}

 

but that only changed one of the hover 'tiles', and even then the transparency revealed a blue (and now grey) box behind it.  

 

My goal here is to have a 100% transparent box with a 2px white outline and the header showing, and that's it.  Then it behaves like normal with showing the content.

 

Another question I have is: How do I know what a good image size is to use for this section?

On your site you have a beautiful 3x3 layout of your staff with no spacing in between what so ever, each having a unique animation. How was that accomplished? Was special padding customizations used?

 

Also, when I played with the animations on first installing the section, I noticed that the image gets a grey 'overcast'(?) over it.  Here's an image below using the Niall animation on the far left, while the other two remain as Charlie:

 

(side question: what is the default size image being used here?)

[ipadanielle 0]

Did you ever find out any of the answers you were looking for and/or did you ever get any support on this? I just got the hover section and I'm looking for some of those answers myself. Thanks.