fixing mobile and adding pictures

app/(pre-dashboard)/(entry)/offseason/page.tsx

@@ -6,7 +6,7 @@ import { Button } from '@/app/ui/button';
 
 export default function OffseasonPage() {
   return (
-    <main className="flex flex-col items-center justify-center w-screen h-screen relative">
+    <main className="flex flex-col items-center justify-center  relative">
 
       {/* HackRU Information Section */}
       <section className="relative z-10 mt-20 text-center">
@@ -17,7 +17,7 @@ export default function OffseasonPage() {
           Thanks for your interest in HackRU! Our registrations are not open yet, but you can follow us on our social channels to stay updated.
         </p>
         <Button
-          className="text-s text-grey-500 mt-2 hover:text-blue-500 cursor-pointer"
+          className="text-s text-grey-500 mt-2 hover:text-blue-500 cursor-pointer bg-green-600"
           onClick={() => window.open('https://www.instagram.com/thehackru/', '_blank')}
         >
           Follow us on Instagram
@@ -30,14 +30,14 @@ export default function OffseasonPage() {
           Photos from the last HackRU
         </h2>
         <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 mt-8">
-          <div className="relative w-80 h-60 overflow-hidden rounded-lg shadow-lg transform transition hover:scale-105 hover:shadow-2xl">
-            <Image src="/photo1.jpg" alt="Photo 1" layout="fill" objectFit="cover" />
+          <div className="relative w-80 h-60 overflow-hidden rounded-lg shadow-lg transform transition hover:scale-105 hover:shadow-2xl justify-self-center">
+            <Image src="/offseason/offseason1.jpg" alt="Photo 1" layout="fill" objectFit="cover" />
           </div>
-          <div className="relative w-80 h-60 overflow-hidden rounded-lg shadow-lg transform transition hover:scale-105 hover:shadow-2xl">
-            <Image src="/photo2.jpg" alt="Photo 2" layout="fill" objectFit="cover" />
+          <div className="relative w-80 h-60 overflow-hidden rounded-lg shadow-lg transform transition hover:scale-105 hover:shadow-2xl justify-self-center">
+            <Image src="/offseason/offseason2.jpg" alt="Photo 2" layout="fill" objectFit="cover" />
           </div>
-          <div className="relative w-80 h-60 overflow-hidden rounded-lg shadow-lg transform transition hover:scale-105 hover:shadow-2xl">
-            <Image src="/photo3.jpg" alt="Photo 3" layout="fill" objectFit="cover" />
+          <div className="relative w-80 h-60 overflow-hidden rounded-lg shadow-lg transform transition hover:scale-105 hover:shadow-2xl justify-self-center">
+            <Image src="/offseason/offseason3.jpg" alt="Photo 3" layout="fill" objectFit="cover" />
           </div>
         </div>
       </section>
@@ -51,7 +51,7 @@ export default function OffseasonPage() {
           Check out all our links and resources on our Linktree!
         </p>
         <Button
-          className="text-s text-grey-500 mt-2 hover:text-blue-500 cursor-pointer"
+          className="text-s text-grey-500 mt-2 cursor-pointer bg-green-600"
           onClick={() => window.open('https://linktr.ee/thehackru', '_blank')}
         >
           Visit Our Linktree