feat: update hero images and adjust cloud features layout

- Changed cloud hero background image from cloudhero3.webp to cloudhero4.webp for improved visual appeal
- Updated compute hero image path from hero.webp to cloudhero.webp for consistency
- Increased max width of cloud features container from max-w-none to max-w-3xl on large screens for better content readability

src/pages/cloud/CloudFeatures.tsx

@@ -420,7 +420,7 @@ export function CloudFeatures() {
       className="bg-gray-900 py-20 sm:py-32"
     >
       <Container>
-        <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-none">
+        <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-3xl">
           <Eyebrow color="accent">Platform Overview</Eyebrow>
           <SectionHeader color="white" className="mt-2">
             A Decentralized Cloud that Operates Itself

src/pages/cloud/CloudHeroNew.tsx

@@ -6,7 +6,7 @@ export function CloudHeroNew() {
   return (
     <div
       className="relative bg-cover lg:bg-contain bg-right bg-no-repeat"
-      style={{ backgroundImage: "url('/images/cloudhero3.webp')" }}
+      style={{ backgroundImage: "url('/images/cloudhero4.webp')" }}
     >
       <div className="mx-auto max-w-7xl lg:px-8">
         <div className="px-6 pt-12 pb-24 sm:pb-32 lg:col-span-5 lg:px-0 lg:pt-40 lg:pb-48 xl:col-span-5">

src/pages/compute/ComputeHero.tsx

@@ -8,7 +8,7 @@ export function ComputeHero() {
       <div className="relative h-80 overflow-hidden bg-transparent md:absolute md:right-0 md:h-full md:w-1/3 lg:w-1/2">
         <img
           alt=""
-          src="/images/hero.webp"
+          src="/images/cloudhero.webp"
           className="size-full object-cover"
         />