Better UI

app/components/HomeClientContent.tsx

@@ -27,7 +27,7 @@ export default function HomeClientContent() {
                         </div>
                         <h4 className="italic text-xl my-2.5 font-bold">Lerbergets Volleybollsällskap</h4>
                         <p className="max-w-200 leading-[1.1]">
-                            Klubben startade den 1 mars 2018 och har i snabb takt utvecklats...
+                            Klubben startade den 1 mars 2018 och har i snabb takt utvecklats med både kidsvolley, 4-mannavolley och ett gott gäng killar och tjejer som tränar tillsammans minst två gånger i veckan och på sommaren spelas det beachvolley
                         </p>
                         <div className="flex flex-col gap-2.5 mt-10">
                             <HeroButton onClick={() => setActiveModal('member')}>Bli Medlem</HeroButton>
@@ -35,8 +35,8 @@ export default function HomeClientContent() {
                             <HeroButton href="https://www.basesport.se/category/lerbergets-vbk">Klubbkollektion</HeroButton>
                         </div>
                     </div>
-                    <div className="hidden md:flex items-center p-2.5 justify-end">
-                        <img src="/images/player.webp" alt="Spelare" className="max-h-112.5 player-animation" />
+                    <div className="relative w-64 md:w-75 player-animation">
+                        <img src="/images/player.svg" alt="Spelare" className="w-full h-auto" />
                     </div>
                 </div>
             </section>