.grid {
      margin: 0 auto;
      padding: 10px;
      -webkit-perspective: 1000px;
      perspective: 1000px;
    }

    .grid-item {
      width: 180px;
      height: 100px;
      margin-bottom: 10px;
      border-radius: 4px;
      overflow: hidden;
      cursor: pointer;
      position: relative;
    }

    .fancybox {
      display: block;
      width: 100%;
      height: 100%;
      height: 100%;
      width: 100%;
      border-radius: 4px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      transition: all .5s;
    }

    .grid-item:hover .fancybox {
      transform: scale(1.1);
    }

    .grid-item:nth-child(1) .fancybox {
      background-image: url('../images/thumbs/39.jpg');
    }

    .grid-item:nth-child(2) .fancybox {
      background-image: url('../images/thumbs/40.jpg');
    }

    .grid-item:nth-child(3) .fancybox {
      background-image: url('../images/thumbs/41.jpg');
    }

    .grid-item:nth-child(4) .fancybox {
      background-image: url('../images/thumbs/42.jpg');
    }

    .grid-item:nth-child(5) .fancybox {
      background-image: url('../images/thumbs/43.jpg');
    }

    .grid-item:nth-child(6) .fancybox {
      background-image: url('../images/thumbs/44.jpg');
    }

    .grid-item:nth-child(7) .fancybox {
      background-image: url('../images/thumbs/45.jpg');
    }

    .grid-item:nth-child(8) .fancybox {
      background-image: url('../images/thumbs/46.jpg');
    }

    .grid-item:nth-child(9) .fancybox {
      background-image: url('../images/thumbs/47.jpg');
    }

    .grid-item:nth-child(10) .fancybox {
      background-image: url('../images/thumbs/48.jpg');
    }

    .grid-item:nth-child(11) .fancybox {
      background-image: url('../images/thumbs/49.jpg');
    }

    .grid-item:nth-child(12) .fancybox {
      background-image: url('../images/thumbs/50.jpg');
    }

    .grid-item:nth-child(13) .fancybox {
      background-image: url('../images/thumbs/51.jpg');
    }

    .grid-item:nth-child(14) .fancybox {
      background-image: url('../images/thumbs/52.jpg');
    }

    .grid-item:nth-child(15) .fancybox {
      background-image: url('../images/thumbs/53.jpg');
    }

    .grid-item:nth-child(16) .fancybox {
      background-image: url('../images/thumbs/54.jpg');
    }

    .grid-item:nth-child(17) .fancybox {
      background-image: url('../images/thumbs/55.jpg');
    }

    .grid-item:nth-child(18) .fancybox {
      background-image: url('../images/thumbs/56.jpg');
    }

    .grid-item:nth-child(19) .fancybox {
      background-image: url('../images/thumbs/57.jpg');
    }

    .grid-item:nth-child(20) .fancybox {
      background-image: url('../images/thumbs/58.jpg');
    }

    .grid-item:nth-child(21) .fancybox {
      background-image: url('../images/thumbs/59.jpg');
    }

    .grid-item:nth-child(22) .fancybox {
      background-image: url('../images/thumbs/60.jpg');
    }

    .grid-item:nth-child(23) .fancybox {
      background-image: url('../images/thumbs/61.jpg');
    }

    .grid-item:nth-child(24) .fancybox {
      background-image: url('../images/thumbs/62.jpg');
    }

    .grid-item:nth-child(25) .fancybox {
      background-image: url('../images/thumbs/63.jpg');
    }

    .grid-item:nth-child(26) .fancybox {
      background-image: url('../images/thumbs/64.jpg');
    }

    .grid-item:nth-child(27) .fancybox {
      background-image: url('../images/thumbs/65.jpg');
    }

    .grid-item:nth-child(28) .fancybox {
      background-image: url('../images/thumbs/66.jpg');
    }

    .grid-item:nth-child(29) .fancybox {
      background-image: url('../images/thumbs/67.jpg');
    }

    .grid-item:nth-child(30) .fancybox {
      background-image: url('../images/thumbs/68.jpg');
    }

    .grid-item:nth-child(31) .fancybox {
      background-image: url('../images/thumbs/69.jpg');
    }

    .grid-item:nth-child(32) .fancybox {
      background-image: url('../images/thumbs/70.jpg');
    }

    .grid-item:nth-child(33) .fancybox {
      background-image: url('../images/thumbs/71.jpg');
    }

    .grid-item:nth-child(34) .fancybox {
      background-image: url('../images/thumbs/72.jpg');
    }

    .grid-item:nth-child(35) .fancybox {
      background-image: url('../images/thumbs/73.jpg');
    }

    .grid-item:nth-child(36) .fancybox {
      background-image: url('../images/thumbs/74.jpg');
    }

    .grid-item:nth-child(37) .fancybox {
      background-image: url('../images/thumbs/75.jpg');
    }

    .grid-item:nth-child(38) .fancybox {
      background-image: url('../images/thumbs/76.jpg');
    }

    .grid-item:nth-child(4n-5) {
      height: 50px;
    }

    .grid-item:nth-child(2n) {
      height: 300px;
    }

    .grid-item:nth-child(3n) {
      height: 120px;
    }