.movie {
 float: left;
 
  margin: 0px 15px 10px 0px;
  width: 250px; }
  .movie__card {
    position: relative;
    width: 250px;
    height: 370px;
    transition: .2s ease-out; }
  .movie [class*="layer"] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px; }
  .movie .layer-1 {
    background-image: url(background.png);
    background-size: cover; }
  .movie .layer-2 {
    background-image: url(afanasenko.png);
    background-size: cover;
    -webkit-transform: translateZ(30px);
            transform: translateZ(30px); }
  .movie .layer-3 {
    background-image: url(title.png);
    background-size: cover;
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px); }
  .movie .shine {
    border-radius: 10px; }