body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  background-color: #f0f0f0;
}

.instrument {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hulusi_second{
  /* background-color: red; */
  width: 5vw;
  height: 28.5%;
  position: absolute;
  top: 42%;
  left: 49%;
  transform: rotate(-5deg);
  z-index: 99;
}

.hulusi_third{
  /* background: yellow; */
  width: 5vw;
  height: 33%;
  position: absolute;
  top: 42%;
  left: 47%;
  transform: rotate(-4deg);
}

.hulusi_fourth{
  /* background: blue; */
  width: 5.5vw;
  height: 49%;
  position: absolute;
  top: 42%;
  left: 58.5%;
  transform: rotate(-4deg);
}

.hulusi_fifth{
  /* background: green; */
  width: 5.5vw;
  height: 53%;
  position: absolute;
  top: 42%;
  left: 53%;
  transform: rotate(-4deg);
}