Fix logo on small screens

src/routes/Hero.svelte

@@ -6,7 +6,7 @@ import Telegram from "$lib/icons/Telegram.svelte";
 import Linkedin from "$lib/icons/Linkedin.svelte";
 import MaterialSymbolsStarRounded from '~icons/material-symbols/star-rounded';
 
-export let starCount: number;
+export let starCount: number | null;
 let logo: HTMLElement;
 
 onMount(async () => {
@@ -101,8 +101,9 @@ const goTop = () => {
   .hero__logo-wrapper {
     min-width: 64px;
     min-height: 64px;
-    width: 256px;
-    height: 256px;
+    max-width: 256px;
+    height: 25vh;
+    aspect-ratio: 1;
   }
 
   .hero__logo {