fix: center logo above Python Catania title on homepage

Author: Helias

src/app/components/py-catania/py-catania.component.html

@@ -11,7 +11,7 @@
       />
     </div>
     <div class="flex w-full flex-col items-center gap-4 text-center md:w-1/2 md:items-start md:text-left">
-      <div class="py-16">
+      <div class="flex flex-col items-center py-16 md:items-start">
         <img ngSrc="/images/pythoncatania.svg" alt="Python Catania logo" height="96" width="96" />
         <hgroup>
           <h1>{{ 'hero.title' | transloco }}</h1>