Fixed background image moving on mobile

src/components/Background.jsx

@@ -1,8 +1,10 @@
 export default function Background() {
 	return (
-		<img
-			src="imgs/fire.jpg"
-			className="fixed bottom-[40%] left-8 -z-50 scale-[2] opacity-[35%] md:bottom-[10%] lg:-bottom-[20%] lg:top-auto lg:scale-100 xl:-bottom-[50%]"
-		/>
+		<div className="fixed left-0 top-0 -z-50 flex h-screen w-screen items-center justify-center overflow-hidden">
+			<img
+				src="imgs/fire.jpg"
+				className="min-h-full min-w-full object-cover opacity-35"
+			/>
+		</div>
 	);
 }

src/components/IconRow.jsx

@@ -1,6 +1,6 @@
 export default function IconRow({ children }) {
 	return (
-		<div className="flex justify-center gap-2 text-pink-300 sm:gap-5">
+		<div className="flex flex-wrap justify-center gap-2 text-pink-300 sm:gap-5">
 			{children}
 		</div>
 	);