Fixed CSS issue video player to not display correctly on widescreen resolutions

public/css/main.css

@@ -404,6 +404,9 @@ h4 {
   flex: 1;
   position: relative;
   background: #000;
+  overflow: hidden;
+  min-height: 0;
+  /* Allow flex child to shrink */
 }
 
 /* Favorites */
@@ -443,7 +446,10 @@ h4 {
 #video-player {
   width: 100%;
   height: 100%;
+  max-height: 100%;
   background: #000;
+  object-fit: contain;
+  /* Maintain aspect ratio without overflow */
 }
 
 .player-overlay {