Start by mapping the story changes to CSS states. Use a hidden checkbox or radio inputs to toggle sections. Each refresh loads the same base, but you can use the :target selector with hash changes to cycle through content blocks. For a self‑updating effect, rely on CSS @keyframes that change background images or content via generated ::before/::after pseudo‑elements. Keep the markup minimal, like <div class="story"><input type="radio" id="s1" name="slide" checked hidden>…</div>. Then with CSS you can shift the :checked state on page load or via CSS counters to show different story parts. No JS needed, just pure CSS tricks.