Add out-of-the-box Frigate PTZ support.

src/scss/live-image.scss

@@ -9,6 +9,5 @@ ha-icon {
   position: absolute;
   top: 10px;
   right: 10px;
-  opacity: 50%;
-  color: white;
+  color: var(--primary-color);
 }

src/scss/ptz.scss

@@ -1,7 +1,7 @@
-// Modified from / inspired by:
+// Inspired by:
 // https://github.com/AlexxIT/WebRTC/blob/master/custom_components/webrtc/www/webrtc-camera.js
 :host {
-  position: relative;
+  position: absolute;
 
   width: fit-content;
   height: fit-content;
@@ -9,6 +9,19 @@
   --frigate-card-ptz-icon-size: 24px;
 }
 
+:host([data-position$='-left']) {
+  left: 5%;
+}
+:host([data-position$='-right']) {
+  right: 5%;
+}
+:host([data-position^='top-']) {
+  top: 5%;
+}
+:host([data-position^='bottom-']) {
+  bottom: 5%;
+}
+
 /*****************
  * Main Containers
  *****************/