interface HeaderBackgroundProps {
  title: string;
}

export default function HeaderBackground({ title }: HeaderBackgroundProps) {
  return (
    <div className="bg-primary-midnight_green-main px-5 sm:px-10 h-[250px] md:h-[280px] lg:h-[350px] flex justify-center items-end">
      <h1 className="text-center  uppercase text-white font-bold my-10 lg:my-20 text-[32px] md:text-[48px]">
        {title}
      </h1>
    </div>
  );
}