diff --git a/docs/case-study.mdx b/docs/case-study.mdx
index c42b511..6a11691 100644
--- a/docs/case-study.mdx
+++ b/docs/case-study.mdx
@@ -16,7 +16,9 @@ import HeaderLine from '@site/src/components/HeaderLine.tsx';
 
 Symphony is an open source framework designed to make it easy for developers to build collaborative web applications. Symphony handles the complexities of implementing collaboration, including conflict resolution and real-time infrastructure, freeing developers to focus on creating unique and engaging features for their applications.
 
-![Symphony Collaboration](/img/gifs/symphony.gif)
+<video loop="true" autoplay="true" playsinline="true" muted="true" class="max-w-full">
+  <source src="/img/symphony.mp4" type="video/mp4"></source>
+</video>
 
 In this case study, we’ll discuss the challenges that arise when building collaborative experiences on the web, the limitations of traditional approaches in solving these problems, and how we designed Symphony to overcome them.
 
@@ -89,14 +91,13 @@ We can concretely demonstrate how conflict arises using the following examples.
 
 Suppose that two users, Alice and Bob, are using a collaborative whiteboard. Bob changes a square shape to a circle whilst at the same time, Alice changes the square to a triangle.
 
-<video loop autoplay="true" playsinline class="max-w-full">
+<video loop="true" autoplay="true" playsinline="true" muted="true" class="max-w-full">
   <source src="/img/case-study/whiteboard-conflict.mp4" type="video/mp4"></source>
 </video>
 
-
 Or suppose that Alice and Bob are collaborating on a text document. Suddenly, Bob disconnects but Alice continued editing, overwriting earlier content. When Bob reconnects, the two states have diverged.
 
-<video loop autoplay="true"  class="max-w-full">
+<video loop="true" autoplay="true" playsinline="true" muted="true" class="max-w-full">
   <source src="/img/case-study/text-editor-conflict.mp4" type="video/mp4"></source>
 </video>
 
diff --git a/src/components/Screenshot.tsx b/src/components/Screenshot.tsx
index 2deb3fa..2cf9def 100644
--- a/src/components/Screenshot.tsx
+++ b/src/components/Screenshot.tsx
@@ -4,7 +4,7 @@ export default function Screenshot() {
   return (
     <div className="relative flex items-center justify-center px-4 sm:px-6">
       <div className="border-1 z-10 flex justify-center rounded-2xl border-[0.5px] border-solid border-stone-200/60 bg-white/20 p-2 shadow backdrop-blur-md dark:shadow-lg dark:shadow-stone-400/30 sm:rounded-[32px] sm:p-5 md:rounded-[44px] md:p-7">
-        <video autoPlay loop className="z-20 w-full max-w-[1200px]">
+        <video autoPlay={true} loop={true} muted={true} playsInline={true} className="z-20 w-full max-w-[1200px]">
           <source src='/img/hey.mp4' type='video/mp4'></source>
         </video>
       </div>
diff --git a/static/img/case-study/architecture-overview.png b/static/img/case-study/architecture-overview.png
index d647eb5..c09fbe8 100644
Binary files a/static/img/case-study/architecture-overview.png and b/static/img/case-study/architecture-overview.png differ
diff --git a/static/img/case-study/comparing-solutions.png b/static/img/case-study/comparing-solutions.png
index c8f4c86..0a11f5f 100644
Binary files a/static/img/case-study/comparing-solutions.png and b/static/img/case-study/comparing-solutions.png differ
diff --git a/static/img/case-study/conflict-comparison.png b/static/img/case-study/conflict-comparison.png
index 085cdcd..d90c2fa 100644
Binary files a/static/img/case-study/conflict-comparison.png and b/static/img/case-study/conflict-comparison.png differ
diff --git a/static/img/case-study/feedback-loop.png b/static/img/case-study/feedback-loop.png
index a479b7a..0fe607d 100644
Binary files a/static/img/case-study/feedback-loop.png and b/static/img/case-study/feedback-loop.png differ
diff --git a/static/img/case-study/load-testing.png b/static/img/case-study/load-testing.png
index 64b55a3..016c42e 100644
Binary files a/static/img/case-study/load-testing.png and b/static/img/case-study/load-testing.png differ
diff --git a/static/img/case-study/manual.png b/static/img/case-study/manual.png
index 437e286..2eddd2d 100644
Binary files a/static/img/case-study/manual.png and b/static/img/case-study/manual.png differ
diff --git a/static/img/case-study/ot.png b/static/img/case-study/ot.png
index b5ede7a..1542b01 100644
Binary files a/static/img/case-study/ot.png and b/static/img/case-study/ot.png differ
diff --git a/static/img/case-study/three-tier.png b/static/img/case-study/three-tier.png
index f06b14d..6b34c3a 100644
Binary files a/static/img/case-study/three-tier.png and b/static/img/case-study/three-tier.png differ
diff --git a/static/img/gifs/symphony.gif b/static/img/gifs/symphony.gif
deleted file mode 100644
index d9bb5b0..0000000
Binary files a/static/img/gifs/symphony.gif and /dev/null differ
diff --git a/static/img/symphony.mp4 b/static/img/symphony.mp4
new file mode 100644
index 0000000..ec24f4f
Binary files /dev/null and b/static/img/symphony.mp4 differ
diff --git a/static/img/team/ethan.png b/static/img/team/ethan.png
deleted file mode 100644
index 954174f..0000000
Binary files a/static/img/team/ethan.png and /dev/null differ
diff --git a/static/img/team/jason.png b/static/img/team/jason.png
deleted file mode 100644
index e2337e8..0000000
Binary files a/static/img/team/jason.png and /dev/null differ
diff --git a/static/img/team/ryan.png b/static/img/team/ryan.png
deleted file mode 100644
index fd1f332..0000000
Binary files a/static/img/team/ryan.png and /dev/null differ