docs: Use smaller title on mobile (#1928)

docs/docusaurus.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   title: 'VisionCamera',
-  tagline: '📸 The Camera library that sees the vision.',
+  tagline: '📸 A powerful, high-performance React Native Camera library.',
   url: 'https://react-native-vision-camera.com',
   baseUrl: '/',
   onBrokenLinks: 'throw',
@@ -121,7 +121,7 @@ module.exports = {
       },
       {
         name: 'og:description',
-        content: '📸 The Camera library that sees the vision.'
+        content: '📸 A powerful, high-performance React Native Camera library.'
       },
       {
         name: 'og:image',

docs/src/css/custom.css

@@ -84,3 +84,9 @@ a:hover {
 .theme-code-block {
   display: flow-root;
 }
+
+@media (max-width: 600px) {
+  .hero__title {
+    font-size: 2.5rem;
+  }
+}

docs/src/pages/index.js

@@ -58,7 +58,7 @@ function Home() {
   return (
     <Layout
       title="VisionCamera Documentation"
-      description="📸 The Camera library that sees the vision.">
+      description="📸 A powerful, high-performance React Native Camera library.">
       <header className={clsx('hero hero--primary', styles.heroBanner)}>
         <div className="container">
           <h1 className="hero__title">{siteConfig.title}</h1>