diff --git a/app/components/content/BackgroundTitle.vue b/app/components/content/BackgroundTitle.vue
index 4455c79..0bb76cc 100644
--- a/app/components/content/BackgroundTitle.vue
+++ b/app/components/content/BackgroundTitle.vue
@@ -5,7 +5,7 @@ defineProps<{
 </script>
 
 <template>
-  <h1 class="mb-2 font-bold text-7xl text-transparent opacity-15 text-stroke-neutral-400 dark:text-stroke-neutral-500 text-stroke-2 -translate-x-16">
+  <h1 class="mb-2 font-bold text-4xl md:text-7xl text-transparent opacity-15 text-stroke-neutral-400 dark:text-stroke-neutral-500 text-stroke-2 md:-translate-x-16">
     {{ title }}
   </h1>
 </template>