fix: stop about experience images squashing

src/pages/about/index.astro

@@ -202,8 +202,8 @@ const sortedEducation = [...education].sort((a, b) => a.id - b.id);
       of 3D environments. Using either real-time or offline rendering techniques
       in software packages such as Blender and Unreal Engine. In addition to this
       I also have an interest in web development, graphic design, and cyber security
-      which make up a large part of my hobbies ...oh and motorbikes. If you're reading
-      this offline, my portfolio of work can be found on my website at <a
+      which all make up a large part of my hobbies not including motorbikes. If you're
+      reading this offline, my portfolio of work can be found on my website at <a
         href="/projects"
         class="text-secondary underline decoration-2 underline-offset-2 hover:no-underline"
         >troylusty.com/projects</a
@@ -213,9 +213,9 @@ const sortedEducation = [...education].sort((a, b) => a.id - b.id);
 
   <section class="animate-reveal opacity-0 [animation-delay:0.2s]">
     <div
-      class="flex justify-between gap-5 rounded-sm bg-orange-200/20 p-6 transition-transform duration-300 hover:scale-101 dark:bg-orange-900/20"
+      class="flex flex-col-reverse justify-between gap-5 rounded-sm bg-orange-200/20 p-6 transition-transform duration-300 hover:scale-101 md:flex-row dark:bg-orange-900/20"
     >
-      <div class="flex w-3/4 flex-col gap-4">
+      <div class="flex flex-col gap-4">
         <h3 class="text-secondary text-3xl font-medium">
           Ready to make something cool?
         </h3>
@@ -251,7 +251,7 @@ const sortedEducation = [...education].sort((a, b) => a.id - b.id);
               <Image
                 src={education.image}
                 alt={education.name}
-                class="h-12 w-auto rounded-sm"
+                class="h-auto max-w-12 rounded-sm"
                 loading="eager"
               />
               <p class="font-medium">
@@ -291,7 +291,7 @@ const sortedEducation = [...education].sort((a, b) => a.id - b.id);
                 <Image
                   src={experience.image}
                   alt={experience.name}
-                  class="h-12 w-auto rounded-sm"
+                  class="h-auto max-w-12 rounded-sm"
                   loading="eager"
                 />
               </Link>

src/pages/robots.txt.ts

@@ -2,9 +2,11 @@ import type { APIRoute } from "astro";
 
 const getRobotsTxt = (sitemapURL: URL) => `
 User-agent: *
-Disallow: /cv
+Disallow: /about
 Disallow: /tags
 Disallow: /tags/*
+Disallow: /projects
+Disallow: /posts
 Allow: /
 
 Sitemap: ${sitemapURL.href}