[ENH] Docs - better image sizing + formats to improve pageload times (#4251)

Switches two large SVGs to a more appropriate format + dimension.

## Test plan
*How are these changes tested?*

- [ ] Tested locally 

## Documentation Changes

*Are all docstrings for user-facing APIs updated if required? Do we need
to make documentation changes in the [docs
repository](https://github.com/chroma-core/docs)?*

Author: philipithomas

docs/docs.trychroma.com/components/header/cloud-signup.tsx

@@ -68,7 +68,7 @@ const CloudSignUp: React.FC = () => {
           </div>
           <div className="h-full flex items-start justify-end flex-shrink-0 ">
             <Image
-              src="/cloud-art.svg"
+              src="/cloud-art.jpg"
               alt="Cloud Art"
               width={128}
               height={155}

docs/docs.trychroma.com/markdoc/content/docs/overview/introduction.md

@@ -15,7 +15,7 @@
 New to Chroma? Check out the [getting started guide](./getting-started)
 {% /Banner %}
 
-![Chroma Computer](/computer.svg)
+![Chroma Computer](/computer.png)
 
 Chroma gives you everything you need for retrieval:
 
@@ -44,7 +44,7 @@ In JavaScript, use the Chroma JS/TS Client to connect to a Chroma server. Instal
 
 {% Tab label="yarn" %}
 ```terminal
-yarn add chromadb chromadb-default-embed 
+yarn add chromadb chromadb-default-embed
 ```
 {% /Tab %}
 
@@ -56,7 +56,7 @@ npm install --save chromadb chromadb-default-embed
 
 {% Tab label="pnpm" %}
 ```terminal
-pnpm install chromadb chromadb-default-embed 
+pnpm install chromadb chromadb-default-embed
 ```
 {% /Tab %}