Adjust call lobby avatar and style

stylesheets/_modules.scss

@@ -3680,14 +3680,13 @@ button.module-image__border-overlay:focus {
   }
 
   &__camera-is-off {
+    @include font-body-2;
     @include calling-text-shadow;
     align-items: center;
     color: $color-white;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
-    font-size: 15px;
-    line-height: 20px;
     margin-block-start: 15px;
     margin-block-end: 15px;
     justify-content: center;

stylesheets/components/CallingLobby.scss

@@ -22,6 +22,14 @@
       height: 100%;
       max-height: calc(100% - 140px);
       aspect-ratio: 4 / 3;
+
+      .module-calling__background--blur::before {
+        content: '';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        background: $color-black-alpha-40;
+      }
     }
   }
 

stylesheets/components/CallingPreCallInfo.scss

@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 .module-CallingPreCallInfo {
-  margin-block-start: 15px;
   text-align: center;
   user-select: none;
 
@@ -31,5 +30,5 @@
 
 .module-CallingPreCallInfo-spacer {
   flex-basis: 64px;
-  margin-block-start: 25px;
+  margin-block-start: 12px;
 }

ts/components/CallingPreCallInfo.tsx

@@ -196,7 +196,7 @@ export function CallingPreCallInfo({
         phoneNumber={conversation.phoneNumber}
         profileName={conversation.profileName}
         sharedGroupNames={conversation.sharedGroupNames}
-        size={AvatarSize.NINETY_SIX}
+        size={AvatarSize.SIXTY_FOUR}
         title={conversation.title}
         unblurredAvatarUrl={conversation.unblurredAvatarUrl}
         i18n={i18n}