CI

src/components/navbar/Hero.tsx

@@ -2,12 +2,6 @@ import Image from "next/image";
 import React from "react";
 
 export default function Hero() {
-	React.useEffect(() => {
-		document.addEventListener("DOMContentLoaded", function (event) {
-			window.resizeBy(0, 0);
-		});
-		return () => {};
-	}, []);
 	return (
 		<header className="w-full bg-gray-900">
 			<div className="container mx-auto px-4">
@@ -18,14 +12,15 @@ export default function Hero() {
 			</div>
 			<div className="w-full" id="hero-bg">
 				<div className="relative" id="hero-container">
-					<Image
-						id="hero-image"
-						className="clip-hero"
-						src="/assets/images/hero.jpg"
-						layout="fill"
-						quality={90}
-						alt="hero"
-					/>
+					<div className="absolute bottom-0 left-0 right-0 top-0 overflow-hidden">
+						<img
+							id="hero-image"
+							className="clip-hero absolute bottom-0 left-0 right-0 top-0 w-full max-w-full h-full max-h-full overflow-hidden"
+							src="/assets/images/hero.jpg"
+							alt="hero"
+							loading="eager"
+						/>
+					</div>
 					<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 						<defs>
 							<clipPath id="hero">