Initial skeleton of multiple camera support.

src/scss/button.scss

@@ -1,7 +1,5 @@
 ha-icon-button.button {
-  z-index: 10;
   color: var(--secondary-color, white);
-  opacity: 0.8;
   background-color: rgba(0, 0, 0, 0.6);
   border-radius: 50%;
   padding: 0px;

src/scss/menu.scss

@@ -4,10 +4,15 @@
   --frigate-card-menu-button-size: 40px;
   --mdc-icon-button-size: var(--frigate-card-menu-button-size);
   --mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
-}
+  z-index: 10;
+  opacity: 0.9;
+
+  // Necessary to mitigate an apparent Chrome opacity flickering bug caused by
+  // button ripples.
+  will-change: opacity;
+ }
 
 .frigate-card-menu {
-  z-index: 1;
   /* Menu div itself does not handle click events. Without this, in overlay
      mode, the menu div prevents clicking on gallery items 'behind' the overlay.
      */
@@ -79,4 +84,4 @@
 .frigate-card-menu.full {
   width: 100%;
   background: var(--secondary-background-color);
-}
+}

src/scss/submenu.scss

@@ -1,6 +1,9 @@
 @use './button.scss';
 
 :host {
-  z-index: 20;
   pointer-events: auto;
+}
+
+mwc-list-item {  
+  z-index: 20;
 }