I try to create Portfolio website. in it i try to insert my image with background animation but its become separately how can i fix it? [closed]

import React from 'react'
import { PiHexagonThin } from "react-icons/pi";

const HeroPic = () => {
  return (
    <div>

        <img src="../../public/images/MyPic.jpeg" 
        alt="SK" 
        className='max-h-[450px] w-auto ' />

        <div className='absolute -z-10 flex justify-center items-center animate-pulse'>
        <PiHexagonThin className='md:h-[90%] sm:h-[120%] min-h-[600px] w-auto text-cyan blur-md animate-[spin_20s_linear_]' />
        </div>
      
    </div>
  )
}

export default HeroPic