如何修復圖像組件？ 你好，圖像組件在表格組件之上，投資組合比表格向前滾動得多。怎么解決呢伙計們？在此輸入圖像描述

我的圖像組件看起來像:

<section className="h-full lg:h-screen flex flex-col justify-center items-center gap-4">
      <p className="large text-white">Projectfolio</p>
      <div className="flex flex-col md:flex-row items-center justify-center flex-wrap gap-8 max-w-5xl">
        {portfolio.map(({ id, title, desc, img, live, code }) => (
          <ProjectList
            key={id}
            id={id}
            title={title}
            desc={desc}
            img={img}
            live={live}
            code={code}
          />
        ))}
      </div>
    </section>

我的表組件看起來像:

<section className="flex flex-col items-center justify-center h-full">
      <div className="w-full flex flex-col md:flex-row items-center justify-center p-4 gap-8">
        <div className="w-full md:w-1/3 text-justify">
          <p className="large text-button">About Me</p>
          <p className="text-white small tracking-wider">
            Hello, I'm Bishal Paudel, a passionate React Developer with
            expertise in crafting dynamic interfaces. I thrive on turning
            complex concepts into elegant solutions, utilizing modern front-end
            technologies to create exceptional user experiences. Let's bring
            your ideas to life and create extraordinary web experiences
            together.
          </p>
        </div>
        <Circle />
      </div>
      <Stat />
    </section>