fix: display of profile photo on mobiles

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"