change community illustration layout, use higher res

Author: a-hariti

docs/platforms/community.png

@@ -22,16 +22,23 @@ We also <Link to="https://sentry.zendesk.com/hc/en-us/articles/23961784367387">d
 
 <PlatformFilter />
 
+{/* dirty hack to avoid having a dedicated component for this illustration*/}
+<style jsx>{`
+  .community-image-container img {
+    max-width: 450px;
+    height: auto;
+    border: none !important;
+    box-shadow: none !important;
+    margin-top: 3rem;
+  }
+`}</style>
+<div className="community-image-container">
+  ![Community Supported](./community.png)
+</div>
+
 ## SDKs Supported by Our Community
 
-<div style={{display: 'flex', flexWrap: 'wrap', gap: '0.5rem'}}>
-  <div style={{width: '100%', maxWidth: '50ch'}}>
-    These SDKs are maintained and supported by [the Sentry community](https://open.sentry.io/). While generally our community does a great job at responding to issues, it's important to understand that Sentry staff cannot help you with issues using a community-supported SDK.
-  </div>
-  <div style={{diplay: 'inline', flex: 1, minWidth: '120px', maxWidth: '250px'}}>
-    ![Community Supported](./community.png)
-  </div>
-</div>
+These SDKs are maintained and supported by [the Sentry community](https://open.sentry.io/). While generally our community does a great job at responding to issues, it's important to understand that Sentry staff cannot help you with issues using a community-supported SDK.
 
 <CommunitySupportedPlatforms />