message: update the animation to fix the layout glitch.
diff: let selectedQuote: Quote = quotes[0];
  import LinkButton from "$lib/components/ui-library/link-button";
  import { onMount } from "svelte";
  - import { fly, scale } from "svelte/transition";
  + import { fade, scale } from "svelte/transition";
  let clazz = "";
  export { clazz as class };
  </div>
  <div
  class="text flex w-full md:w-1/2 justify-center flex-col flex-1 px-xx-small py-xx-small md:py-0 sm:pl-x-small lg:pl-small lg:pr-0"
  - in:fly={{ x: 50, duration: 1000 }}
  + in:fade={{ delay: 100 }}
  >
  <p class="text-large">
  &ldquo;{selectedQuote.text}&rdquo;
  