diff --git a/frontend/public/no-cat-static.gif b/frontend/public/no-cat-static.gif
new file mode 100644
index 0000000..f7bca8e
Binary files /dev/null and b/frontend/public/no-cat-static.gif differ
diff --git a/frontend/public/no-cat.webp b/frontend/public/no-cat.webp
new file mode 100644
index 0000000..bd96424
Binary files /dev/null and b/frontend/public/no-cat.webp differ
diff --git a/frontend/public/yes-cat-static.gif b/frontend/public/yes-cat-static.gif
new file mode 100644
index 0000000..4f14b3c
Binary files /dev/null and b/frontend/public/yes-cat-static.gif differ
diff --git a/frontend/public/yes-cat-static2.gif b/frontend/public/yes-cat-static2.gif
new file mode 100644
index 0000000..ce66e0f
Binary files /dev/null and b/frontend/public/yes-cat-static2.gif differ
diff --git a/frontend/public/yes-cat.webp b/frontend/public/yes-cat.webp
new file mode 100644
index 0000000..cb2d721
Binary files /dev/null and b/frontend/public/yes-cat.webp differ
diff --git a/frontend/src/app/mobile-voting/page.tsx b/frontend/src/app/mobile-voting/page.tsx
index 28f7345..afe3e0d 100644
--- a/frontend/src/app/mobile-voting/page.tsx
+++ b/frontend/src/app/mobile-voting/page.tsx
@@ -2,7 +2,7 @@
 
 import { Nunito } from "next/font/google";
 import { useState } from "react";
-import Link from "next/link";
+import Image from "next/image";
 
 const nunito = Nunito({
   weight: "900",
@@ -25,11 +25,23 @@ export default function MobileVoting() {
             setVote(0.0);
           }}
         >
-          <img
-            src="https://media.tenor.com/HU0FukwCUH4AAAAm/nono.webp"
-            alt="icon"
-            className="h-full w-full rounded object-contain"
-          />
+          {noHighlight ? (
+            <Image
+              src="/no-cat.webp"
+              alt="icon"
+              className="h-full w-full rounded object-contain"
+              width={200}
+              height={200}
+            />
+          ) : (
+            <Image
+              src="/no-cat-static.gif"
+              alt="icon"
+              className="h-full w-full rounded object-contain grayscale filter"
+              width={200}
+              height={200}
+            />
+          )}
         </button>
 
         <button
@@ -40,11 +52,23 @@ export default function MobileVoting() {
             setVote(1.0);
           }}
         >
-          <img
-            src="https://media.tenor.com/wtv7ADhTUD4AAAAm/dance-happy.webp"
-            alt="icon"
-            className="h-full w-full rounded object-contain"
-          />
+          {yesHighlight ? (
+            <Image
+              src="/yes-cat.webp"
+              alt="icon"
+              className="h-full w-full rounded object-contain"
+              width={200}
+              height={200}
+            />
+          ) : (
+            <Image
+              src="/yes-cat-static2.gif"
+              alt="icon"
+              className="h-full w-full rounded object-contain grayscale filter"
+              width={200}
+              height={200}
+            />
+          )}
         </button>
       </div>
     </main>