Fix grid order - image left, content right

src/pages/เครื่องเชื่อม-hdpe.astro

@@ -56,13 +56,13 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
     </div>
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="order-2 lg:order-1">
+          <div class="">
             <div class="lg:sticky lg:top-24">
               <div class="rounded-2xl overflow-hidden bg-white/10">
               <img src="/images/HDPE-welding-crop.jpg" alt="เครื่องเชื่อมท่อ HDPE" class="w-full" width="600" height="400" loading="eager" />
             </div>
           </div>
-          <div class="order-1 lg:order-2">
+          <div class="">
             <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">เครื่องเชื่อมท่อ</span>
             <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">เครื่องเชื่อมท่อ HDPE</h1>
             <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">