. poster width: 300px padding: 7% position: relative box-sizing: border-box background-color: white box-shadow: 0 3px 12px alpha(black, . 2) filter: saturate(70%) contrast(85%) img width: 100% display: block z-index: 1 &:before, &:after content: '' width: 100% left: 0 position: absolute &:before height: 4% bottom: -4% background-repeat: no-repeat background-image: linear-gradient(177deg, alpha(black, . 22) 10%, transparent 50%), linear-gradient(-177deg, alpha(black, . 22) 10%, transparent 50%) background-size: 49% 100% background-position: 2% 0, 98% 0 &:after height: 100% top: 0 z-index: 2 background-repeat: no-repeat background-image: linear-gradient(to right, alpha(white, . 1) . 5%, alpha(black, . 15) 1. 2%, transparent 1. 2%), linear-gradient(to bottom, alpha(white, . 1) . 5%, alpha(black, . 15) 1. 2%, transparent 1. 2%), linear-gradient(to...

*, *:after, *:before { box-sizing: border-box;}. tags { flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex;}/* Shared */. tag-container { width: 200px; height: 300px; margin: 20px; position: relative; -webkit-perspective: 800px; perspective: 800px;}. tag { width: 100%; height: 100%; position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s;}. tag-container:hover . tag { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}. tag-side { width: 100%; height: 100%; position: absolute; -webkit-transform: translate3d(0, 0, 0); transform:...