I've created a mobile nav menu but the image on my main page is showing over the top of my navmenu.

you can see here: website -> https://rwsnakecatcherbrisbane.com.au

Image is at the top of page and set as priority, but didn't seem to make a difference when I removed priority so not sure what the issue is.

<main className="px-6 mx-auto">
      <section className=" w-2/3 mx-auto">
      <h1 className="mt-12 mb-5 text-5xl text-center text-white">Professional Snake Catcher Brisbane Northside</h1>
      <h3 className="mb-5 text-1xl text-center text-white/50">(AND ALL OTHER REPTILES AROUND BRISBANE)</h3>
      <div className="mt-5 mb-5 text-center text-white text-6xl"><a href="tel:0401164492">0401 164 492</a></div>
      <Image
        className="border-4 border-slate-500 drop-shadow-xl shadow-black rounded-full mx-auto"
        src="/images/snake-logo-back-600-600.jpg"
        alt="North Brisbane Snake Catcher Logo"
        width={300}
        height={300}
        priority={true}
      />