message: Limit iterations to 3 in workspaces animation
diff: import Workspace_4 from "./svgs/workspace-4.svelte";
  export let alt = "";
  + export let iterations = 3;
  + let wrapper;
  let wrapper_width = 632;
  let wrapper_height = 564;
  let max = 2;
  let items = available.slice(0, max);
  let next = max;
  + let remaining = iterations;
  function zoom(node, params) {
  const existingTransform = getComputedStyle(node).transform.replace(
  }
  function shuffle() {
  + if (remaining === 0) {
  + items = [available[next], ...items];
  + return;
  + }
  items = [available[next], ...items.slice(0, max - 1)];
  next = (next + 1) % available.length;
  + remaining--;
  }
  onMount(() => {
  + const observer = new IntersectionObserver(([entry]) => {
  + if (entry.isIntersecting) {
  + observer.unobserve(wrapper);
  shuffle();
  + }
  + });
  + observer.observe(wrapper);
  + return () => {
  + observer.disconnect();
  + };
  });
  </script>
  <figure
  class="aspect"
  style="--width: {wrapper_width}; --height: {wrapper_height};"
  + bind:this={wrapper}
  >
  <div class="container">
  {#each items as { Component, top, left, width, id } (id)}
  