figure.image-card{color:#000;text-align:center;width:100%;max-height:220px;font-family:Raleway,Arial,sans-serif;position:relative;overflow:hidden}figure.image-card *{box-sizing:border-box;transition:all .6s}figure.image-card img{opacity:1;width:100%;transition:opacity .35s}figure.image-card:after{content:"";opacity:.82;background:#fff;width:130%;height:100%;transition:all .3s ease-in-out;position:absolute;bottom:0;left:-15%;transform:skew(-45deg)scaleX(0)}@media (min-width:640px){figure.image-card:after{width:100%;left:0}}figure.image-card figcaption{z-index:1;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}figure.image-card h2,figure.image-card p{opacity:0;width:100%;margin:0}figure.image-card h2{text-transform:uppercase;padding:0 30px;font-weight:400;display:inline-block}figure.image-card p{padding:0 50px;font-size:.8em;font-weight:500}figure.image-card a{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}figure.image-card:hover:after,figure.image-card.hover:after{transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:skew(-45deg)scaleX(1)}figure.image-card:hover figcaption h2,figure.image-card.hover figcaption h2,figure.image-card:hover figcaption p,figure.image-card.hover figcaption p{transition-delay:.2s;transform:translate(0%,0%)}figure.image-card:hover figcaption h2,figure.image-card.hover figcaption h2{opacity:1}figure.image-card:hover figcaption p,figure.image-card.hover figcaption p{opacity:.7}
