.intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  padding: 70px 20px;
  position: relative;
  background-color: var(--default-color-white);
  width: var(--default-screen-size-width);
}

.intro .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.intro .scribble-final {
  position: relative;
  width: 200px;
  height: 157.3px;
  aspect-ratio: 1.27;
  background-image: url(./img/path.svg);
  background-size: 100% 100%;
}

.intro .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  font-family: "PingFang SC-Medium", Helvetica;
  font-weight: 500;
  color: var(--default-color-black);
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.44px;
  line-height: 30px;
}

.intro .scribble-final-2 {
  position: relative;
  width: 200px;
  height: 174.31px;
  aspect-ratio: 1.15;
}

.intro .path {
  position: absolute;
  top: 0;
  left: 97px;
  width: 103px;
  height: 106px;
}

.intro .img {
  position: absolute;
  top: 71px;
  left: 0;
  width: 105px;
  height: 103px;
}

.intro .element {
  position: relative;
  width: 200px;
  height: 169.32px;
  aspect-ratio: 1.18;
}

.intro .scribble-final-3 {
  position: relative;
  height: 169px;
}

.intro .path-2 {
  position: absolute;
  top: 0;
  left: 25px;
  width: 85px;
  height: 86px;
}

.intro .path-3 {
  position: absolute;
  top: 24px;
  left: 115px;
  width: 85px;
  height: 101px;
}

.intro .path-4 {
  position: absolute;
  top: 96px;
  left: 0;
  width: 129px;
  height: 73px;
}