fix: Do not show menu icons on top of other unrelated HA content (#1617)

* fix: Do not show menu icons on top of other unrelated HA content

* Change z-indices to work when multiple cards are used

* Formatting

src/scss/card.scss

@@ -188,21 +188,12 @@ web-dialog::part(dialog) {
   border-bottom-right-radius: var(--ha-card-border-radius, 4px);
 }
 
-/****************
- * Overlay styles
- ****************/
-frigate-card-overlay {
-  // Higher than the drawer (menu renders over drawer).
-  z-index: 20;
-}
-
 /*******************
  * Menu hover styles
  *******************/
 
 frigate-card-menu {
-  // z-index is within the overlay stacking context.
+  z-index: 2;
-  z-index: 1;
 }
 
 frigate-card-menu[data-style*='hover'] {
@@ -218,6 +209,10 @@ frigate-card-menu[data-style*='hover']:hover,
  * Status bar hover styles
  *************************/
 
+frigate-card-status-bar {
+  z-index: 1;
+}
+
 frigate-card-status-bar[data-style*='hover'] {
   transition: opacity 0.5s ease;
   opacity: 0;