diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
index 95a777a..945679a 100644
--- a/src/components/ProjectCard.astro
+++ b/src/components/ProjectCard.astro
@@ -164,7 +164,7 @@ const projectHasBody = project.body && project.body.trim().length > 0;
           <Image
             id={`hero-image-${index}`}
             class:list={[
-              "animate-floaty absolute h-48 w-auto origin-center transform rounded object-cover shadow-lg/50 transition duration-300 ease-in-out group-hover:z-30 group-hover:scale-130 hover:z-40",
+              "animate-floaty absolute h-48 w-auto origin-center transform rounded object-cover shadow-lg/50 transition duration-300 ease-in-out md:group-hover:z-30 md:group-hover:scale-130 md:hover:z-40",
               translateXOptions[
                 Math.floor(Math.random() * translateXOptions.length)
               ],