refactor: adjust CloudHostingNew layout spacing and styling

- Changed image width from full-width to fixed 600px
- Replaced H3 component with native h3 element with responsive text sizing
- Reduced top margin on details section from mt-12 to mt-8

src/pages/cloud/CloudHostingNew.tsx

@@ -56,12 +56,12 @@ export function CloudHostingNew() {
           <div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
             
             {/* ✅ Image */}
-            <img alt="Mycelium Cloud" src="/images/cloudhosting.webp" className="aspect-square w-full object-cover" />
+            <img alt="Mycelium Cloud" src="/images/cloudhosting.webp" className="aspect-square w-[600px] object-cover" />
 
             {/* ✅ Product info */}
             <div className="mt-10 px-4 sm:mt-16 sm:px-0 lg:mt-0">
                 <Eyebrow>{product.subtitle}</Eyebrow>
-              <H3 className=" text-white">{product.name}</H3>
+              <h3 className="lg:text-4xl text-3xl text-white">{product.name}</h3>
 
             
              
@@ -72,7 +72,7 @@ export function CloudHostingNew() {
 
 
               {/* ✅ Details accordion */}
-              <section className="mt-12">
+              <section className="mt-8">
                 <div className="divide-y divide-gray-800 border-t border-cyan-500">
                   {product.details.map((detail) => (
                     <Disclosure key={detail.name} as="div">