diff --git a/public/images/cloudhero4.webp b/public/images/cloudhero4.webp
new file mode 100644
index 0000000..a8bcbd5
Binary files /dev/null and b/public/images/cloudhero4.webp differ
diff --git a/src/pages/cloud/CloudFeatures.tsx b/src/pages/cloud/CloudFeatures.tsx
index cbb22e0..dbcbf89 100644
--- a/src/pages/cloud/CloudFeatures.tsx
+++ b/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
diff --git a/src/pages/cloud/CloudHeroNew.tsx b/src/pages/cloud/CloudHeroNew.tsx
index 0232de6..0bfb17d 100644
--- a/src/pages/cloud/CloudHeroNew.tsx
+++ b/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">
diff --git a/src/pages/compute/ComputeHero.tsx b/src/pages/compute/ComputeHero.tsx
index a7fd48c..140abc8 100644
--- a/src/pages/compute/ComputeHero.tsx
+++ b/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"
         />