.scissors-container {
  width: 200px;
  height: 100px;
  position: relative;
  margin: 200px auto;
}
.scissor-half {
  width: 100px;
  height: 10px;
  background-color: #3b3b3b;
  position: absolute;
  top: 45px;
  left: 50px;
  transform-origin: 10% 50%;
}
.scissor-half-reverse-bottom {
  width: 8px;
  height: 10px;
  color: #3b3b3b;
  position: absolute;
  top: 49px;
  left: 52px;
  rotate: 90deg;
  font-size: 48px;
  font-family: sans-serif;
  font-weight: bold;
  animation: cut-bottom 1s infinite;
}
.scissor-half-reverse-top {
  width: 8px;
  height: 10px;
  color: #3b3b3b;
  position: absolute;
  top: 42px;
  left: 54px;
  rotate: 90deg;
  font-size: 48px;
  font-family: sans-serif;
  font-weight: bold;
  animation: cut-top 1s infinite;
}
.scissor-half::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #3b3b3b;
  border-radius: 50%;
  left: -10px;
  top: -5px;
}
.scissor-top {
  transform: rotate(-10deg);
  animation: cut-top 1s infinite;
}
.scissor-bottom {
  transform: rotate(10deg);
  animation: cut-bottom 1s infinite;
}
@keyframes cut-top {
  0%,
  100% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
@keyframes cut-bottom {
  0%,
  100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}