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">