Update implementation to account for WebKit bug

getScreenCTM() on WebKit does not reflect transformations applied to an ancestor (see bug https://bugs.webkit.org/show_bug.cgi?id=209220), so instead of transforming the root <svg> element, we can only transform a child element

public/assets/css/style.css

@@ -1,40 +1,17 @@
 body {
   text-align: center;
-  max-width: 100vw;
+  max-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
 }
 
-.container {
+object {
   padding: 0;
-  max-width: 586.033px;
-  max-height: 586.033px;
-  margin: 0 auto;
-  overflow: hidden;
+  margin: 5px;
   border: 1px solid steelblue;
   background-color: gray;
-}
-
-img, object {
   touch-action: none;
-}
-
-img {
-  max-width: 100%;
-  border: 1px solid silver;
-  transform: scale(0.9);
-}
-
-.container object, .container.switch img {
   display: block;
-}
-
-.container img, .container.switch object {
-  display: none;
-}
-
-button .button-text.raster, button.switch .button-text.svg {
-  display: none;
-}
-
-button.switch .button-text.raster {
-  display: inline;
+  min-height: 0;
 }