diff --git a/src/pages/index.tsx b/src/pages/index.tsx index d64651f..18ee031 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -28,7 +28,9 @@ const Home: NextPage = () => { alt="ACM-UTSA Logo" className="absolute overflow-visible drop-shadow-sm" src={"/img/logo.png"} - layout="fill" + width={400} + height={400} + quality={90} objectFit="cover" priority={true} /> diff --git a/src/styles/globals.scss b/src/styles/globals.scss index 8c37bf8..d63dc5b 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -9,6 +9,7 @@ @tailwind utilities; @layer utilities { + // TODO: Transform the background image into a Next.JS Image component ( https://uharston.medium.com/next-js-image-optimization-on-background-images-65de18ea03f5 ) .bg-acm { background: linear-gradient(#00000066, #00000066), url('/img/bg.png') fixed center / cover no-repeat; }