diff --git a/docs/blog/2024/release-0-10.mdx b/docs/blog/2024/release-0-10.mdx
index b8e6d36..60e80e8 100644
--- a/docs/blog/2024/release-0-10.mdx
+++ b/docs/blog/2024/release-0-10.mdx
@@ -54,7 +54,7 @@ True Sheet has long supported [`auto`](/reference/types#sheetsize) sizing, where
 
 With version `0.10`, `auto` sizing is now truly automatic. Whenever the content within the sheet changes, the sheet's height will adjust seamlessly without the need for re-presenting. 😎
 
-<img src={sizing} width="300"/>
+<img alt="stacking" src={sizing} width="300"/>
 
 This enhancement ensures a smooth and responsive experience, keeping your sheets sized appropriately at all times without any extra effort on your part.
 
diff --git a/docs/docs/guides/stacking/stacking.gif b/docs/docs/guides/stacking/stacking.gif
new file mode 100644
index 0000000..00ec71b
Binary files /dev/null and b/docs/docs/guides/stacking/stacking.gif differ
diff --git a/docs/docs/guides/stacking.mdx b/docs/docs/guides/stacking/stacking.mdx
similarity index 92%
rename from docs/docs/guides/stacking.mdx
rename to docs/docs/guides/stacking/stacking.mdx
index 120f3c0..497db6d 100644
--- a/docs/docs/guides/stacking.mdx
+++ b/docs/docs/guides/stacking/stacking.mdx
@@ -3,8 +3,12 @@ title: Stacking
 description: Guide on how to present sheet on top of an existing sheet.
 ---
 
+import stacking from './stacking.gif'
+
 Sometimes you want to stack the sheets one after another. On iOS, this can cause issues. There are _**two**_ ways to resolve this.
 
+<img alt="stacking" src={stacking} width="300"/>
+
 ### 1. Dismiss the "parent" sheet first
 
 ```tsx
diff --git a/src/TrueSheet.tsx b/src/TrueSheet.tsx
index 7a8526c..092a05f 100644
--- a/src/TrueSheet.tsx
+++ b/src/TrueSheet.tsx
@@ -144,7 +144,6 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
   }
 
   private onFooterLayout(layout: LayoutRectangle): void {
-    console.log('footerHeight', layout.height)
     this.setState({
       footerHeight: layout.height,
     })