Images wont work for packages

[hossam1231]

`// import Image from "next/image";
import { Button } from "../button/button";
import { Container } from "../extra_components/container";
// The code doesnt like images use svg
// import background from "../extra_components/images/background-newsletter.jpg";

function ArrowRightIcon(
props: React.ComponentPropsWithoutRef<"svg">
): JSX.Element {
return (
<svg aria-hidden="true" viewBox="0 0 24 24" {...props}>


);
}

export function EmailRegister(): JSX.Element {
return (

<div
style={{ borderRadius: 50 }}
className="relative -mx-4 overflow-hidden bg-indigo-50 px-4 py-20 sm:-mx-6 sm:px-6 md:mx-0 md:rounded-5xl md:px-16 xl:px-24 xl:py-36"
>
{/* <img
className="absolute left-1/2 top-0 translate-x-[-10%] translate-y-[-45%] lg:translate-x-[-32%]"
src={background}
alt=""
width={919}
height={1351}
// unoptimized
/> */}

Stay up to date

Get updates on all of our events and be the first to get
notified when tickets go on sale.

`

The component renders without the image