.GridAnimadoBagual {position: relative; }
#GridAnimadoBagual {
background: #000;    
    position: absolute;
    max-width: 100%;
    height: 100%;
    top: 0; bottom: 0; left: 0; right: 0;   
}
.coluna {
  width: 16.66%;
  height: 100%;
  float: left;
}

.linha {  
  text-align: center;
  height: 25%; 
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;  
  transition: all 0.5s ease-in-out;
  transform-style: preserve-3d;
}
.linha.change_1{
  transform: rotateY(180deg) scaleX(-1);
}
.linha.change_2{
  transform: rotateX(180deg) scaleY(-1);
}