.mtck-elem {
     height: 30%;
}

.mtck-broken-triangle_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: 18.3%;  
     top: 56.4%; 
}

.mtck-broken-triangle_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: 36.9%;  
     top: 56.4%; 
}

.mtck-broken-triangle_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: 27.8%;  
     top: 69.3%; 
}

.mtck-broken-triangle_4 {
     -ms-transform: translate(-50%, -50%) rotate(330deg);
     -webkit-transform: translate(-50%, -50%) rotate(330deg);
     -moz-transform: translate(-50%, -50%) rotate(330deg);
     -o-transform: translate(-50%, -50%) rotate(330deg);
     transform: translate(-50%, -50%) rotate(330deg);
     left: 44.4%;  
     top: 56.4%; 
}

.mtck-broken-triangle_5 {
     -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: 44.4%;  
     top: 30.7%; 
}

.mtck-broken-triangle_6 {
     -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: 63.1%;  
     top: 30.7%; 
}

.mtck-broken-triangle_7 {
     -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: 81.7%;  
     top: 56.4%; 
}

.mtck-broken-triangle_8 {
     -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: 72.5%;  
     top: 69.3%; 
}