.thegrid {
    position: relative;
    min-height: 200px;
}
.thegrid .cell {
    position: absolute;
    height: 100px;
    text-align: center;
    vertical-align: center;
    box-sizing: border-box;
    padding: 10px;
}
.thegrid.transitions .cell {
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.thegrid .cell.hidden {
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.thegrid.transitions .cell.hidden {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cell > div {
    position: relative;
    width: 100%;
    height: 100%;
}