From 5bc6f822a20cc2a21a009fcb4df2e43f72fda989 Mon Sep 17 00:00:00 2001
From: Valery Melou <me@valerymelou.com>
Date: Mon, 5 Aug 2024 00:12:20 +0100
Subject: [PATCH] fix: display of profile photo on mobiles

---
 libs/pages/about/src/lib/about.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/pages/about/src/lib/about.component.html b/libs/pages/about/src/lib/about.component.html
index 7a6eebe..cde16c8 100644
--- a/libs/pages/about/src/lib/about.component.html
+++ b/libs/pages/about/src/lib/about.component.html
@@ -59,7 +59,7 @@
   </div>
   <div class="order-first col-span-3 lg:order-last lg:col-span-1">
     <figure
-      class="after:border-accent-base before:bg-accent-base group relative ml-auto w-full before:absolute before:z-[1] before:block before:h-full before:w-full before:rounded-md before:bg-opacity-40 before:transition-all before:duration-300 before:ease-in-out after:absolute after:left-[14px] after:top-[14px] after:z-[-1] after:block after:h-full after:w-full after:rounded-md after:border-2 after:transition-all after:duration-300 after:ease-in-out hover:before:bg-opacity-0 hover:after:left-[18px] hover:after:top-[18px]"
+      class="after:border-accent-base before:bg-accent-base group relative ml-auto w-full before:absolute before:z-[1] before:hidden before:h-full before:w-full before:rounded-md before:bg-opacity-40 before:transition-all before:duration-300 before:ease-in-out after:absolute after:left-[14px] after:top-[14px] after:z-[-1] after:hidden after:h-full after:w-full after:rounded-md after:border-2 after:transition-all after:duration-300 after:ease-in-out hover:before:bg-opacity-0 hover:after:left-[18px] hover:after:top-[18px] lg:before:block lg:after:block"
     >
       <img
         src="/assets/images/valerymelou.jpg"