@@ -280,6 +280,18 @@ export default function TinyRecursiveModelProject() {
{/* Article Body */}
+
diff --git a/components/markdown-renderer.tsx b/components/markdown-renderer.tsx
index 5dc348e..64dc2ed 100644
--- a/components/markdown-renderer.tsx
+++ b/components/markdown-renderer.tsx
@@ -106,6 +106,10 @@ export function MarkdownRenderer({ content }: MarkdownRendererProps) {
img: ({ src, alt }) => {
if (!src) return null;
+ // Check if this is the architecture diagram that should be smaller
+ const isArchitectureDiagram = alt?.includes('Architecture') || src?.includes('architecture');
+ const imageClassName = isArchitectureDiagram ? "w-1/2 h-auto mx-auto" : "w-full h-auto";
+
// Handle external images
if (typeof src === 'string' && src.startsWith('http')) {
return (
@@ -115,7 +119,7 @@ export function MarkdownRenderer({ content }: MarkdownRendererProps) {
alt={alt || ''}
width={800}
height={400}
- className="w-full h-auto"
+ className={imageClassName}
loading="lazy"
/>
{alt && (
@@ -135,7 +139,7 @@ export function MarkdownRenderer({ content }: MarkdownRendererProps) {
alt={alt || ''}
width={800}
height={400}
- className="w-full h-auto"
+ className={imageClassName}
priority={false}
/>
{alt && (
diff --git a/public/content/tiny-recursive-model/tiny-recursive-model-content.md b/public/content/tiny-recursive-model/tiny-recursive-model-content.md
index d2d803e..6180ea6 100644
--- a/public/content/tiny-recursive-model/tiny-recursive-model-content.md
+++ b/public/content/tiny-recursive-model/tiny-recursive-model-content.md
@@ -9,7 +9,7 @@ hero:
## The New AI Reasoning Architecture
-#### How a 7M Model Beats 1T Models at Sudoku, Mazes, ARC-AGI
+How a 7M Model Beats 1T Models at Sudoku, Mazes, ARC-AGI
**The Tiny Reasoning Model (TRM)** uses a 2-layer transformer (7M parameters) that reuses the same layers hundreds of times to reason about problems recursively.