style(website): make demo image responsive

Author: orhun

website/src/components/Hero.astro

@@ -5,10 +5,11 @@ import Default from '@astrojs/starlight/components/Hero.astro';
 import demoImage from '../../src/assets/binsider-general-tab.png';
 ---
 
-<div class="demo-image">
+<div class="container">
   <img
     src={demoImage.src}
     alt="demo"
+    class="demo-image"
   />
 </div>
 
@@ -24,3 +25,8 @@ It allows you to easily inspect strings, examine linked libraries, and perform a
 
 <Default {...Astro.props}><slot /></Default>
 
+<style>
+  .container {
+    text-align: center;
+  }
+</style>

website/src/styles/custom.css

@@ -61,8 +61,6 @@ a.site-title {
   margin: 0;
   max-width: 100%;
   height: auto;
-  text-align: center;
-  filter: invert(0);
 }
 
 [data-theme="light"] .demo-image {