sparkle class : before

.card .image::before {

1. content: '';
2. z-index: 3;
3. position: absolute;
4. top: 0;
5. left: 0;
6. width: 100%;
7. height: 100%;
8. background: rgba(255,255,255,.25);
9. -webkit-transform: scale3d(3,2.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
10. transform: scale3d(3,2.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
11. transition: -webkit-transform .3s;
12. -webkit-transition: -webkit-transform .3s;
13. transition: transform .3s;
14. transition: transform .3s,-webkit-transform .3s;
15. pointer-events: none;

}

*, *::before, *::after{

1. margin: 0;
2. padding: 0;
3. outline: 0;
4. background-clip: padding-box;
5. background-origin: padding-box;
6. -moz-box-sizing: border-box;
7. -webkit-box-sizing: border-box;
8. box-sizing: border-box;

}