帮我解决About Us没有位于同一行，theHumanVooooiceContainer1里的p标签位置重叠等问题：

```css
/*AboutUs.module.css*/
.child {
    position: absolute;
    top: 1px;
    left: 1258px;
    width: 334.5px;
    height: 830px;
}

.humanVooooice {
    font-weight: 600;
    color: #a871e3;
}

.theHumanVooooiceContainer1 {
    width: 100%;
}

.theHumanVooooiceContainer {
    position: absolute;
    top: 264px;
    left: 114px;
    display: flex;
    align-items: center;
    width: 835px;
}

.weAreA {
    margin: 0;
}

.weAreAContainer {
    position: absolute;
    top: 434px;
    left: 110px;
    font-size: 24px;
    line-height: 0%;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    width: 996px;
    height: 174px;
}

.aboutUs {
    position: absolute;
    top: 0px;
    left: 40px;
    letter-spacing: -0.05em;
    line-height: 110%;
    font-weight: 500;
}

.groupChild {
    position: absolute;
    top: 6px;
    left: 0px;
    width: 23.7px;
    height: 23.7px;
    object-fit: contain;
}

.aboutUsParent {
    position: absolute;
    top: 221px;
    left: 114px;
    width: 164px;
    height: 35px;
    font-size: 32px;
    color: #c396ed;
}

.item {
    position: absolute;
    top: 1px;
    left: 1577px;
    width: 299.7px;
    height: 830px;
}

.inner {
    position: absolute;
    top: 1px;
    left: 1416px;
    width: 310.7px;
    height: 830px;
}

.div {
    width: 100%;
    position: relative;
    background-color: #000;
    height: 1588px;
    overflow: hidden;
    text-align: left;
    font-size: 64px;
    color: #fff;
}
```

```react
/*AboutUs.tsx*/
import { FunctionComponent } from 'react';
import styles from '../app/styles/AboutUs.module.css';


const AboutUs:FunctionComponent = () => {
  	return (
    		<div className={styles.div}>
      			<img className={styles.child} alt="" src="./AboutUs/Group 24.svg" />
      			<div className={styles.theHumanVooooiceContainer}>
        				<span className={styles.theHumanVooooiceContainer1}>
          					<span>{`The `}</span>
          					<span className={styles.humanVooooice}>Human Vooooice</span>
          					<span> Amid the Tide of Technology</span>
        				</span>
      			</div>
      			<div className={styles.weAreAContainer}>
        				<span className={styles.theHumanVooooiceContainer1}>
          					<p className={styles.weAreA}>We are a group of young people who believe in the future.</p>
          					<p className={styles.weAreA}>We build bridges between artificial intelligence, entrepreneurship, and the human spirit.</p>
          					<p className={styles.weAreA}>Through in-depth one-on-one interviews,</p>
          					<p className={styles.weAreA}>we document the true thoughts and lonely journeys of China’s AI entrepreneurs.</p>
        				</span>
      			</div>
      			<div className={styles.aboutUsParent}>
        				<div className={styles.aboutUs}>About us</div>
        				<img className={styles.groupChild} alt="" src="./AboutUs/Vector 2.svg" />
        				<img className={styles.groupChild} alt="" src="./AboutUs/Vector 3.svg" />
      			</div>
      			<img className={styles.item} alt="" src="./AboutUs/Vector 177.svg" />
      			<img className={styles.inner} alt="" src="./AboutUs/Group 25.svg" />
    		</div>);
};

export default AboutUs;

```