Don't mirror screensharing preview in PiP

stylesheets/_modules.scss

@@ -4292,9 +4292,10 @@ button.module-image__border-overlay:focus {
           width: 100%;
 
           transform: rotateY(180deg);
-          &--presenting {
-            transform: inherit;
         }
+
+        &--presenting video {
+          transform: inherit;
         }
       }
     }
@@ -4372,7 +4373,8 @@ button.module-image__border-overlay:focus {
       }
     }
 
-    &--local {
+    &--local,
+    &--local-presenting {
       bottom: 38px;
       height: 32px;
       position: absolute;
@@ -4380,11 +4382,14 @@ button.module-image__border-overlay:focus {
       width: 32px;
 
       video {
-        transform: rotateY(180deg);
         width: 100%;
         height: 100%;
       }
     }
+
+    &--local video {
+      transform: rotateY(180deg);
+    }
   }
 
   &__actions {

ts/components/CallingPip.tsx

@@ -261,6 +261,10 @@ export function CallingPip({
   }, [isRTL, windowWidth, windowHeight, positionState]);
   const localizedTranslateX = isRTL ? -translateX : translateX;
 
+  const localVideoClassName = activeCall.presentingSource
+    ? 'module-calling-pip__video--local-presenting'
+    : 'module-calling-pip__video--local';
+
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     <div
@@ -305,10 +309,7 @@ export function CallingPip({
         setGroupCallVideoRequest={setGroupCallVideoRequest}
       />
       {hasLocalVideo ? (
-        <div
+        <div className={localVideoClassName} ref={setLocalPreviewContainer} />
-          className="module-calling-pip__video--local"
-          ref={setLocalPreviewContainer}
-        />
       ) : null}
       <div className="module-calling-pip__actions">
         <button