Implement css class specific to hidden players

src/css/Player.css

@@ -35,6 +35,10 @@
 	filter: drop-shadow(0px 0px 1px var(--lighter-grey));
 }
 
+.player--hidden .player__img {
+	transform: translateY(8px) scale(1.2);
+}
+
 .player__name {
 	grid-area: player;
 	margin: 0 0.5em;
@@ -122,7 +126,6 @@
 
 	.player__image {
 		background: none;
-		overflow: visible hidden;
 	}
 
 	.player__img {
@@ -130,6 +133,10 @@
 		filter: drop-shadow(0 0 1px rgba(221, 221, 221, 0.9));
 	}
 
+	.player--hidden .player__img {
+		transform: translateY(16px) scale(0.9);
+	}
+
 	.player__name {
 		background-color: rgba(221, 221, 221, 0.9);
 		color: black;

src/pages/11_Scoreboard.py

@@ -91,7 +91,8 @@ def get_player_html_str(player_opt: PlayerOption, player_stats: dict[str, float]
         multiplier_classes += f" player__multiplier--{multiplier}"
 
     if not (player_image_url := player_opt.headshot_url):
-        player_image_url = "https://static.www.nfl.com/w_100,h_77,c_fill/league/suxzfdslsj5vpwbin5t8"
+        player_image_url = "https://static.www.nfl.com/w_114,h_80,c_fill/league/suxzfdslsj5vpwbin5t8"
+        player_classes += " player--hidden"
 
     player_str = f"""<div className='{player_classes}'>
 			<div className="player__position">{player_opt.position}</div>