Update mobile screenshot (#10204)

* Update screenshot and styles on mobile page

* Add IntelliJ files to .gitignore

* Add improved mobile image. Reinstate inline styles in mobile.scala template

.gitignore

@@ -48,3 +48,6 @@ RUNNING_PID
 
 # VSCode auto-generated files
 .vscode/
+
+# IntelliJ auto-generated files
+.idea

app/views/mobile.scala

@@ -47,11 +47,11 @@ object mobile {
             ),
             div(cls := "right-side")(
               img(
-                cls := "nexus5-playing",
-                width := "268",
-                height := "513",
-                src := assetUrl("images/mobile/nexus5-playing.png"),
-                alt := "Lichess mobile on nexus 5"
+                width := "437",
+                height := "883",
+                cls := "mobile-playing",
+                src := assetUrl("images/mobile/lichesstv-mobile.png"),
+                alt := "Lichess TV on mobile"
               ),
               img(
                 cls := "qrcode",

ui/site/css/_mobile.scss

@@ -40,9 +40,13 @@
   }
 
   .right-side {
-    flex: 0 0 264px;
+    flex: 0 0 33%;
     text-align: center;
 
+    .mobile-playing {
+      width: 100%;
+    }
+
     .qrcode {
       margin-top: 20px;
     }