From 491295f5bdfca70f92736283156452f779e86f0e Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Mon, 22 Apr 2024 02:27:13 -0400
Subject: [PATCH] Stop using vanilla html <img />

---
 .../src/app/components/player/player-result.tsx     | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/Frontend/src/app/components/player/player-result.tsx b/Frontend/src/app/components/player/player-result.tsx
index a15855d..8f977ca 100644
--- a/Frontend/src/app/components/player/player-result.tsx
+++ b/Frontend/src/app/components/player/player-result.tsx
@@ -109,11 +109,14 @@ const PlayerResult = ({ query, player }: PlayerResultProps): ReactElement => (
                                             content={`Click to view ${player.username}'s ${part}`}
                                         >
                                             <Link href={url} target="_blank">
-                                                <img
-                                                    className="h-20 sm:h-24 md:h-28 hover:scale-[1.02] transition-all transform-gpu"
-                                                    src={url}
-                                                    alt={`${player.username}'s ${part}`}
-                                                />
+                                                <div className="relative w-20 h-20">
+                                                    <Image
+                                                        className="object-contain hover:scale-[1.02] transition-all transform-gpu"
+                                                        src={url}
+                                                        alt={`${player.username}'s ${part}`}
+                                                        fill
+                                                    />
+                                                </div>
                                             </Link>
                                         </SimpleTooltip>
                                     )