From a42c197e5a6de56ea576c73715e6c7c6b19fa249 Mon Sep 17 00:00:00 2001
From: Krrish Dholakia <krrishdholakia@gmail.com>
Date: Fri, 25 Aug 2023 23:13:37 -0700
Subject: [PATCH] reducing image size

---
 docs/my-website/docs/tutorials/first_playground.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/my-website/docs/tutorials/first_playground.md b/docs/my-website/docs/tutorials/first_playground.md
index 707a62581..60f04df6f 100644
--- a/docs/my-website/docs/tutorials/first_playground.md
+++ b/docs/my-website/docs/tutorials/first_playground.md
@@ -4,7 +4,11 @@ import Image from '@theme/IdealImage';
 Create a playground to **evaluate multiple LLM Providers in less than 10 minutes**. If you want to see this in prod, check out our [website](https://litellm.ai/).
 
 **What will it look like?**
-<Image img={require('../../img/litellm_streamlit_playground.png')} alt="streamlit_playground" />
+<Image
+  img={require('../../img/litellm_streamlit_playground.png')}
+  alt="streamlit_playground"
+  style={{ maxWidth: '75%', height: 'auto' }}
+/>
 
 **How will we do this?**: We'll build <u>the server</u> and connect it to our template frontend, ending up with a working playground UI by the end!