From e3f386c0f19b1477c90b775dd0017b519d2cf901 Mon Sep 17 00:00:00 2001
From: Sean Quiambao <91030482+toastmeal@users.noreply.github.com>
Date: Sat, 24 Aug 2024 14:39:06 -0700
Subject: [PATCH] centered pictures

---
 src/app/about/page.js      | 9 +--------
 src/components/Picture.jsx | 2 +-
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/app/about/page.js b/src/app/about/page.js
index 3090686..c87c9f9 100644
--- a/src/app/about/page.js
+++ b/src/app/about/page.js
@@ -14,14 +14,7 @@ const Page = () => {
   return (
     <div className="bg-biscuits-green-100 bg-blobs1 md:bg-cover bg-contain flex flex-col items-center gap-y-10 p-4 md:p-10">
       <Title text="About Us" color="red" />
-      <Picture
-        x={10}
-        y={10}
-        image={springPicture}
-        alt="Spring 24 Picture"
-        width={855}
-        height={600}
-      />
+      <Picture x={25} y={25} image={springPicture} alt="Spring 24 Picture" />
       <div ref={ref} className="w-full">
         {ABOUT.map((section, index) => {
           return (
diff --git a/src/components/Picture.jsx b/src/components/Picture.jsx
index 2151ab7..d36e494 100644
--- a/src/components/Picture.jsx
+++ b/src/components/Picture.jsx
@@ -2,7 +2,7 @@ import Image from "next/image";
 
 const Picture = ({ x, y, image, alt }) => {
   return (
-    <div className="md:w-full w-5/6">
+    <div className="w-5/6 md:w-full items-center flex flex-col">
       <Image
         style={{ boxShadow: `${x}px ${y}px 0px 0px #7B3F00` }}
         src={image}