.mtck-elem {
     height: 30%;
}

.mtck-the-right-triangles_1 {
     -ms-transform: translate(-50%, -50%) rotate(45deg);
     -webkit-transform: translate(-50%, -50%) rotate(45deg);
     -moz-transform: translate(-50%, -50%) rotate(45deg);
     -o-transform: translate(-50%, -50%) rotate(45deg);
     transform: translate(-50%, -50%) rotate(45deg);
     left: 36.5%;  
     top: 41.7%; 
}

.mtck-the-right-triangles_2 {
     -ms-transform: translate(-50%, -50%) rotate(135deg);
     -webkit-transform: translate(-50%, -50%) rotate(135deg);
     -moz-transform: translate(-50%, -50%) rotate(135deg);
     -o-transform: translate(-50%, -50%) rotate(135deg);
     transform: translate(-50%, -50%) rotate(135deg);
     left: 62.9%;  
     top: 41.7%; 
}

.mtck-the-right-triangles_3 {
     -ms-transform: translate(-50%, -50%) rotate(225deg);
     -webkit-transform: translate(-50%, -50%) rotate(225deg);
     -moz-transform: translate(-50%, -50%) rotate(225deg);
     -o-transform: translate(-50%, -50%) rotate(225deg);
     transform: translate(-50%, -50%) rotate(225deg);
     left: 62.9%;  
     top: 62.8%; 
}

.mtck-the-right-triangles_4 {
     -ms-transform: translate(-50%, -50%) rotate(315deg);
     -webkit-transform: translate(-50%, -50%) rotate(315deg);
     -moz-transform: translate(-50%, -50%) rotate(315deg);
     -o-transform: translate(-50%, -50%) rotate(315deg);
     transform: translate(-50%, -50%) rotate(315deg);
     left: 36.5%;  
     top: 62.8%; 
}

.mtck-the-right-triangles_5 {
     -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: 31.3%;  
     top: 52.1%; 
}

.mtck-the-right-triangles_6 {
     -ms-transform: translate(-50%, -50%) rotate(90deg);
     -webkit-transform: translate(-50%, -50%) rotate(90deg);
     -moz-transform: translate(-50%, -50%) rotate(90deg);
     -o-transform: translate(-50%, -50%) rotate(90deg);
     transform: translate(-50%, -50%) rotate(90deg);
     left: 68.8%;  
     top: 52.1%; 
}

.mtck-the-right-triangles_7 {
     -ms-transform: translate(-50%, -50%) rotate(0deg);
     -webkit-transform: translate(-50%, -50%) rotate(0deg);
     -moz-transform: translate(-50%, -50%) rotate(0deg);
     -o-transform: translate(-50%, -50%) rotate(0deg);
     transform: translate(-50%, -50%) rotate(0deg);
     left: 49.9%;  
     top: 37.2%; 
}