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