import Image from "next/image";
import HowItWorksImageSrc from "@/assets/images/how-it-works.png";

export default function HowItWorksImage() {
  return (
    <div className="relative lg:-top-20">
      <div className="relative w-full h-full min-h-[400px] md:min-h-[700px]">
        <Image
          src={HowItWorksImageSrc}
          alt="How It Works"
          fill
          className="object-cover rounded-tl-none rounded-bl-[16px] rounded-br-[16px]"
        />
      </div>
    </div>
  );
}