From 173098f3ffb2cb364d882f96c4d62efe9f34311e Mon Sep 17 00:00:00 2001
From: "marta.pancaldi" <marta.pancaldi@resourcify.de>
Date: Sun, 30 Jul 2023 21:37:52 +0200
Subject: [PATCH] feat: add Photo component - wip

---
 src/components/organisms/home/Code.tsx  |  2 +-
 src/components/organisms/home/Photo.tsx | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/organisms/home/Code.tsx b/src/components/organisms/home/Code.tsx
index 798b841..76f61df 100644
--- a/src/components/organisms/home/Code.tsx
+++ b/src/components/organisms/home/Code.tsx
@@ -57,7 +57,7 @@ const Code = ({ codeSnippets }: CodeSnippetsProps) => {
   }, [loading]);
 
   return (
-    <div className='me-4 h-72 w-full rounded border-double bg-slate-200 px-4 pb-12 pt-6 dark:bg-slate-800 md:w-2/3'>
+    <div className='me-4 h-72 w-full rounded border-double bg-slate-200 px-4 pb-12 pt-6 dark:bg-slate-800 md:w-1/2'>
       <div id='typed-strings'>
         {loading ? <span className='cursor-blink'>_</span> : null}
         {!loading &&
diff --git a/src/components/organisms/home/Photo.tsx b/src/components/organisms/home/Photo.tsx
index 2c42ae7..1069826 100644
--- a/src/components/organisms/home/Photo.tsx
+++ b/src/components/organisms/home/Photo.tsx
@@ -1,7 +1,21 @@
+import Image from 'next/image';
 import React from 'react';
 
 const Photo = () => {
-  return <div className='h-20 w-full pb-12 md:w-1/3'>Photo display</div>;
+  return (
+    <div className='h-84 flex w-full justify-start md:w-1/2 md:justify-end'>
+      <div className='mx-6 flex flex-row-reverse p-3 md:flex-row'>
+        <Image
+          className='rounded-full'
+          src='https://cdn.sanity.io/images/lj8a3h3g/production/15c9b3d57800e2f07abb0f6971a9186f9ff54f68-553x553.png'
+          alt='Avatar'
+          width={190}
+          height={0}
+          style={{ height: '190px' }}
+        />
+      </div>
+    </div>
+  );
 };
 
 export default Photo;