Fixing...

src/components/3d/PublicPreview.svelte

@@ -95,11 +95,12 @@
     }
 </script>
 
+<div style="height: 300px" class="w-full relative">
     <div bind:this={div} class="w-full h-full">
 
     </div>
 
-{#if !loaded}
+    <div class="w-full h-full flex justify-center absolute top-0 left-0 right-0 bottom-0" class:hidden={loaded}>
         <slot></slot>
-{/if}
-
+    </div>
+</div>

src/pages/publics/[schem].astro

@@ -22,7 +22,7 @@ const { schem }: { schem: CollectionEntry<"publics">} = Astro.props;
 ---
 
 <PageLayout title={schem.data.name}>
-    <h1 class="text-5xl font-bold" transition:name={schem.data.name + "-title"}>{schem.data.name}</h1>
+    <h1 class="text-5xl font-bold w-fit" transition:name={schem.data.name + "-title"}>{schem.data.name}</h1>
     <PublicPreview client:idle file={schem.id}>
         <Image transition:name={schem.data.name + "-img"} src={schem.data.image} alt={schem.data.name}></Image>
     </PublicPreview>