Hover Effects

CSS coding required for Apollo hover effect.

.effect-apollo figcaption h2 {text-align: center;}

CSS coding required for Julia hover effect.

figure.effect-julia p {-webkit-transform: translate3d(-400px,0,0); transform: translate3d(-400px,0,0); 
background: rgba(255,255,255,0.5);}
.effect-julia figcaption h2 {text-align: center;}

CSS coding required for Layla hover effect.

figure.effect-layla img { height: 120%;}

CSS coding required for Lexi hover effect.

figure.effect-lexi figcaption::before {width: 90%; height: 90%;}
figure.effect-lexi p {width: 50%;}

CSS coding required for Lily hover effect.

.effect-lily figcaption {left: 5%!important; width: 90%!important;}

CSS coding required for Ming hover effect.

figure.effect-ming p {padding: 2em;}

CSS coding required for Sarah hover effect.

figure.effect-sarah figcaption {max-width: 95%; max-height: 95%; text-align: center;}

CSS coding required for Steve hover effect.

figure.effect-steve p {color: #2d434e!important}