style: run rustywind

src/components/AboutMe.astro

@@ -7,11 +7,11 @@ import Markdown from "./Markdown.astro";
     <h2>About me</h2>
 
     <div class="flex space-x-4">
-      <div class="flex-shrink-0 flex flex-col justify-start">
+      <div class="flex flex-col flex-shrink-0 justify-start">
         <img
           src="/images/social-avatar.jpg"
           alt="Picture of Oliver"
-          class="not-prose my-0 w-16 h-16 rounded-full border border-grey"
+          class="my-0 w-16 h-16 rounded-full border not-prose border-grey"
         />
       </div>
 

src/components/Testimonials.astro

@@ -24,7 +24,7 @@ const reversedTestimonials = _(testimonials).reverse()
 
           {testimonial.data.image && (
             <span class="order-first not-prose">
-              <img width="50" height="50" class="w-15 h-15 rounded-full border" src={`/images/recommendations/${testimonial.data.image}`} />
+              <img width="50" height="50" class="rounded-full border w-15 h-15" src={`/images/recommendations/${testimonial.data.image}`} />
             </span>
           )}
         </footer>

src/components/YouTubeVideo.astro

@@ -8,7 +8,7 @@ const videoId = Astro.props.id;
 
 <iframe
   allowfullscreen
-  class="w-full aspect-[16/9] border border-gray-500"
+  class="w-full border border-gray-500 aspect-[16/9]"
   frameborder="0"
   src={`https://www.youtube.com/embed/${videoId}?rel=0&iv_load_policy=3`}
 />