@-webkit-keyframes image1 {
            0% {
                -webkit-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -webkit-transform: rotate(-6deg) translate(-100px, -3px) scale(1.1);
            }
        }
        
        @-moz-keyframes image1 {
            0% {
                -moz-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -moz-transform: rotate(-6deg) translate(-100px, -3px) scale(1.1);
            }
        }
        
        @-o-keyframes image1 {
            0% {
                -o-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -o-transform: rotate(-6deg) translate(-100px, -3px) scale(1.1);
            }
        }
        
        @-webkit-keyframes image2 {
            0% {
                -webkit-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -webkit-transform: rotate(0deg) translate(0, -3px) scale(1.1);
            }
        }
        
        @-moz-keyframes image2 {
            0% {
                -moz-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -moz-transform: rotate(0deg) translate(0, -3px) scale(1.1);
            }
        }
        
        @-o-keyframes image2 {
            0% {
                -o-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -o-transform: rotate(0deg) translate(0, -3px) scale(1.1);
            }
        }
        
        @-webkit-keyframes image3 {
            0% {
                -webkit-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -webkit-transform: rotate(6deg) translate(100px, -3px) scale(1.1);
            }
        }
        
        @-moz-keyframes image3 {
            0% {
                -moz-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -moz-transform: rotate(6deg) translate(100px, -3px) scale(1.1);
            }
        }
        
        @-o-keyframes image3 {
            0% {
                -o-transform: rotate(0deg) translate(0, 0) scale(1.0);
            }
            100% {
                -o-transform: rotate(6deg) translate(100px, -3px) scale(1.1);
            }
        }
        

       
        .album-transform {
               position: absolute;
				margin: auto;
				z-index: 5;
				width: 250px;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				vertical-align: top;
				display: block;
        }
        /* the images */
        
        .album-transform img {
            position: absolute;
            top: 0;
            left: 0;
            border: 2px solid #f3f3f3;
            box-shadow: 1px 1px 2px #666;
            -webkit-box-shadow: 1px 1px 2px #666;
            -moz-box-shadow: 1px 1px 2px #666;
            width: 250px;
            height: 250px;
            display: block;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -transition: all .3s ease-in-out;
        }
        /* first image animation properties */
        
        .album-transform:hover .photo1-transform,
        .album-transform:focus .photo1-transform {
            -webkit-transform: rotate(-6deg) translate(-50px, -3px) scale(1.1);
            -moz-transform: rotate(-6deg) translate(-50px, -3px) scale(1.1);
            -ms-transform: rotate(-6deg) translate(-50px, -3px) scale(1.1);
        }
        /* second image animation properties */
        
        .album-transform:hover .photo2-transform,
        .album-transform:focus .photo2-transform {
            -webkit-transform: rotate(0deg) translate(0, -3px) scale(1.1);
            -moz-transform: rotate(0deg) translate(0, -3px) scale(1.1);
            -ms-transform: rotate(0deg) translate(0, -3px) scale(1.1);
        }
        /* third image animation properties */
        
        .album-transform:hover .photo3-transform,
        .album-transform:focus .photo3-transform {
            -webkit-transform: rotate(6deg) translate(50px, -3px) scale(1.1);
            -moz-transform: rotate(6deg) translate(50px, -3px) scale(1.1);
            -ms-transform: rotate(6deg) translate(50px, -3px) scale(1.1);
        }
	
	.album-transform .photo1-transform {
		  -webkit-transform: rotate(-3deg) translate(-10px, -3px) scale(1.1);
            -moz-transform: rotate(-3deg) translate(-10px, -3px) scale(1.1);
            -ms-transform: rotate(-3deg) translate(-10px, -3px) scale(1.1);
	}
	.album-transform .photo2-transform {
		  -webkit-transform: rotate(2deg) translate(0px, -3px) scale(1.1);
            -moz-transform: rotate(2deg) translate(0px, -3px) scale(1.1);
            -ms-transform: rotate(2deg) translate(0px, -3px) scale(1.1);
	}
	.album-transform .photo3-transform {
		  -webkit-transform: rotate(deg) translate(10px, 3px) scale(1.1);
            -moz-transform: rotate(deg) translate(10px, 3px) scale(1.1);
            -ms-transform: rotate(deg) translate(10px, 3px) scale(1.1);
	}
  .gallery-box {
	  min-height:315px;
	  text-align:center;
  }
  
  .gallery-box h2 {
   background-color: rgba(49, 140, 184, 0.5);
    color: #fff;
    text-shadow: 0px 0px 17px #20252b;
    padding: 4px 10px;
    width: 300px;
    font-size: 23px;
    margin: auto;
    border-radius: 4px;
    z-index: 18;
    position: absolute;
    bottom: 61px;
    left: 0;
    right: 0;
}