我正在使用NEXTJS和框架运动，但本Map像没有出现在网页上。相反，我得到了一个小剪贴画的东西。下面是我的代码，以特定的组件不工作：

import React from 'react'
import {motion} from "framer-motion";
import aboutPic from './images/wed.jpg'

type Props = {}

function About({}: Props) {
  return (
    <div className=" flex flex-col relative h-screen text-center md:text-left md:flex-row max- 
      7xl px-10 justify-evenly mx-auto items-center">
        <h3 className="absolute top-24 uppercase tracking-[20px] text-gray-500 text-2xl">
            About
        </h3>

        <motion.img
      
          initial={{
              x:-200,
          }}
          transition={{
            duration:1.2,
          }}
          whileInView={{x: 0}}
      
          src={aboutPic}
         
        />
    </div>
  )
}

export default About