Keep captions clear of the two-row control bar on narrow players

On a Default-skin player 480px wide or less the control bar is two rows,
the progress bar above the buttons, and 6em tall, while the captions sat
4em from the bottom, so their box ran over the progress bar whenever the
controls showed (in the lightbox and inline). They now sit 6em up there.
Wider players are unchanged.

Author: subodhr258

assets/src/css/godam-player.scss

@@ -1908,6 +1908,15 @@ body.godam-share-modal-open {
 		bottom: 4em !important;
 	}
 
+	// On a narrow Default-skin player the control bar is two rows (the progress
+	// bar above the buttons) and 6em tall, so lift the captions clear of it.
+	@container godam-player-default-skin (max-width: 480px) {
+
+		.vjs-text-track-display {
+			bottom: 6em !important;
+		}
+	}
+
 	// Share and transcript buttons share the same on-video circular UI. The
 	// transcript button is a custom Video.js Button (like GodamShareButton), so
 	// it reuses these styles for consistency and stacks directly below share.