.grid {
  max-width: 1170px;
  margin: 0 auto;
}

.list {
  height: 326px;
  position: relative;
  list-style-type: none;
  padding-left: 0;
}

.card {
  transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  float: left;
  width: 222px;
  height: 311px;
  background-color: transparent;
  position: absolute;
  right: 50%;
  bottom: 15%;
  margin-right:-111px;
  /*margin: 30px 0 15px 15px;*/
}

.card img{
  width: 100%;
}
  /*.card:nth-child(5n) {
    margin-right: 0;
  }*/
/*.card.ani0 {
  right: 948px;
  bottom: 326px;
}
.card.ani1 {
  right: 711px;
  bottom: 326px;
}
.card.ani2 {
  right: 474px;
  bottom: 326px;
}
.card.ani3 {
  right: 237px;
  bottom: 326px;
}
.card.ani4 {
  right: 0;
  bottom: 326px;
}
.card.ani5 {
  right: 948px;
  bottom: 0;
}
.card.ani6 {
  right: 711px;
  bottom: 0;
}
.card.ani7 {
  right: 474px;
  bottom: 0;
}
.card.ani8 {
  right: 237px;
  bottom: 0;
}*/

/*.card.ani9 {
  right: 948px;
  bottom: 652px;
}

.card.ani10 {
  right: 711px;
  bottom: 652px;
}

.card.ani11 {
  right: 474px;
  bottom: 652px;
}

.card.ani12 {
  right: 237px;
  bottom: 652px;
}

.card.ani13 {
  right: 0;
  bottom: 652px;
}*/