diff --git a/src/components/Hero.vue b/src/components/Hero.vue
index 5631d21..ae8a899 100644
--- a/src/components/Hero.vue
+++ b/src/components/Hero.vue
@@ -96,11 +96,11 @@
               class="absolute z-0 top-1/2 -translate-y-1/2 w-5/6 right-0 h-[calc(80%+20px)] bg-gradient-to-tr opacity-25 from-[#570cac] to-primary blur-2xl"
             ></div>
             <div
-              class="absolute h-full aspect-square z-10 p-2 -translate-y-1/2 top-1/2 lg:right-3 md:right-40 sm:right-16 rounded-full shadow-lg border border-primary"
+              class="absolute md:aspect-square h-full z-10 p-2 -translate-y-1/2 top-1/2 lg:right-3 md:right-40 sm:right-16 rounded-full shadow-lg border border-primary"
             >
               <img
                 src="@/assets/profile_image.jpg"
-                alt="hero picture"
+                alt="Hero pic"
                 width="500"
                 height="auto"
                 loading="lazy"