html,body {
    height: 100%;
    max-width: 800px;
    margin: 0 auto;
    background-image: url('../Images/wood.png');
    background-repeat: repeat;
    font-family: 'Cedarville Cursive', cursive;
}

#background img {
    height: 175px;
    margin: 0px;
}

#background figure {
    float: left;
    position: relative;
    background-color: white;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    margin: 10px;
    box-shadow: 1px 2px 3px black;
}

div#background {
    padding-top: 20px;
}

div#gallery {
    width: 800px;
    margin: auto;
}

#background img {
    height: 175px;
    margin: 0px;
}

#background figure {
    float: left;
    position: relative;
    background-color: white;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    margin: 10px;
    box-shadow: 1px 2px 3px black;
}

#background figure:hover {
    box-shadow: 5px 10px 100px black;
    -webkit-transform: scale(1.1,1.1);
    -webkit-transform: rotateY(0deg);
    z-index: 20;
}

.grow img {
    -webkit-transform: rotateY(0deg);
    box-shadow: 5px 10px 100px black;
    transition: 1s ease;
}

.grow img:hover {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: scale(2.5);
    
    -ms-transform: scale(2.5);
    transform: scale(2.5);
    transition: 1s ease;
}