Fix: Prevent background image resizing on content expansion

Added 'background-attachment: fixed;' and 'background-repeat: no-repeat;' to the '.play-area' class. This ensures the background image remains fixed to the viewport and does not resize or move when the content height changes, providing a more stable visual experience.

Author: Matteo-it

examples/bedtime-story-teller/assets/style.css

@@ -30,6 +30,8 @@ body {
     background-image: url('./img/storyteller-background.png');
     background-size: cover;
     background-position: center;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
     display: flex;
     justify-content: center;
 }