.container-preview-clip{
  position: absolute;
  top: 70.2%;
  left: 50%;
  transform: translateX(-50%);
  height: 1.6cm;
  width: 100px;
}
.clip{
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
}
.clip img{
  width: 100%;
  height: 100%;
}

.clip_one_end_10mm{
  height: 40%;
  width: 15%;
  display: none;
}
.clip_one_end_15mm{
  height: 45.3%;
  width: 17%;
}
.clip_one_end_20mm{
  height: 58.9%;
  width: 22.1%;
}
.clip_one_end_25mm{
  height: 78%;
  width: 26%;
}
.clip_one_end_30mm{
  height: 79%;
  width: 30%;
}


.clip_one_end_attachment_10mm{
  top: 83%;
  height: 40%;
  width: 15%;
}
.clip_one_end_attachment_15mm{
  top: 86%;
  height: 45.3%;
  width: 17%;
}
.clip_one_end_attachment_20mm{
  top: 91%;
  height: 58.9%;
  width: 22.1%;
}
.clip_one_end_attachment_25mm{
  top: 96%;
  height: 74%;
  width: 26%;
}
.clip_one_end_attachment_30mm{
  top: 102.5%;
  height: 79%;
  width: 30%;
}






.clips{
  position: absolute;
  top: 0px;
}
.clips img{
  height: 100%;
  width: 100%;

}


.clip_two_ends_10mm_left{
  height: 40%;
  width: 15%;
  left: 5%;
}
.clip_two_ends_10mm_right{
  height: 40%;
  width: 15%;
  right: 5%;
}


.clip_two_ends_15mm_left{
  height: 45.3%;
  width: 17%;
  left: 5%;
}
.clip_two_ends_15mm_right{
  height: 45.3%;
  width: 17%;
  right: 5%;
}


.clip_two_ends_20mm_left{
  height: 58.9%;
  width: 22.1%;
  left: 5%;
}
.clip_two_ends_20mm_right{
  height: 58.9%;
  width: 22.1%;
  right: 5%;
}


.clip_two_ends_25mm_left{
  height: 78%;
  width: 26%;
  left: 5%;
}
.clip_two_ends_25mm_right{
  height: 78%;
  width: 26%;
  right: 5%;
}


.clip_two_ends_30mm_left{
  height: 78%;
  width: 26%;
  left: 5%;
}
.clip_two_ends_30mm_right{
  height: 78%;
  width: 26%;
  right: 5.4%;
}