mobile viewport player overflow fix

src/res/style.css

@@ -109,8 +109,10 @@ input {
 }
 
 #player > img {
-    max-width: 512px;
+    min-width: 256px;
-    max-height: 512px;
+    min-height: 256px;;
+    max-width: 400px;
+    max-height: 400px;
     margin-bottom: 20px;
 }
 
@@ -160,3 +162,23 @@ input {
         background: white;
     }
 }
+
+@media (max-width: 400px) {
+    #player > img {
+        min-width: 256px;
+        min-height: 256px;
+        max-width: 300px;
+        max-height: 300px;
+        margin-bottom: 20px;
+    }
+}
+
+@media (max-width: 300px) {
+    #player > img {
+        min-width: 100px;
+        min-height: 100px;
+        max-width: 200px;
+        max-height: 200px;
+        margin-bottom: 20px;
+    }
+}