.mtck-elem {
     height: 33%;
}

.mtck-triangle-to-a-perfect-square_1 {
     -ms-transform: translate(-50%, -50%) rotate(30deg);
     -webkit-transform: translate(-50%, -50%) rotate(30deg);
     -moz-transform: translate(-50%, -50%) rotate(30deg);
     -o-transform: translate(-50%, -50%) rotate(30deg);
     transform: translate(-50%, -50%) rotate(30deg);
     left: 39.7%;  
     top: 42.9%; 
}

.mtck-triangle-to-a-perfect-square_2 {
     -ms-transform: translate(-50%, -50%) rotate(150deg);
     -webkit-transform: translate(-50%, -50%) rotate(150deg);
     -moz-transform: translate(-50%, -50%) rotate(150deg);
     -o-transform: translate(-50%, -50%) rotate(150deg);
     transform: translate(-50%, -50%) rotate(150deg);
     left: 60.3%;  
     top: 42.9%; 
}

.mtck-triangle-to-a-perfect-square_3 {
     -ms-transform: translate(-50%, -50%) rotate(270deg);
     -webkit-transform: translate(-50%, -50%) rotate(270deg);
     -moz-transform: translate(-50%, -50%) rotate(270deg);
     -o-transform: translate(-50%, -50%) rotate(270deg);
     transform: translate(-50%, -50%) rotate(270deg);
     left: 50.0%;  
     top: 57.1%; 
}