fix(about): crop hero video

functions/package.json

@@ -28,12 +28,12 @@
     "cors": "2.8.5",
     "express": "4.21.1",
     "express-async-errors": "3.1.1",
-    "firebase-admin": "12.6.0",
+    "firebase-admin": "12.7.0",
     "firebase-functions": "6.1.0",
     "http-errors": "2.0.0",
     "http-proxy-middleware": "^3.0.3",
     "node-fetch": "2.6.7",
-    "openai": "4.68.2",
+    "openai": "4.68.4",
     "request-ip": "3.3.0"
   },
   "devDependencies": {
@@ -47,7 +47,7 @@
     "@typescript-eslint/parser": "8.11.0",
     "eslint": "8.57.0",
     "firebase-functions-test": "3.3.0",
-    "firebase-tools": "13.22.1",
+    "firebase-tools": "13.23.0",
     "jest": "29.7.0",
     "minimatch": "10.0.1",
     "mock-express-request": "0.2.2",

package.json

@@ -38,19 +38,19 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "18.2.8",
-    "@angular/cdk": "18.2.9",
-    "@angular/common": "18.2.8",
-    "@angular/compiler": "18.2.8",
-    "@angular/core": "18.2.8",
-    "@angular/forms": "18.2.8",
-    "@angular/material": "18.2.9",
-    "@angular/platform-browser": "18.2.8",
-    "@angular/platform-browser-dynamic": "18.2.8",
-    "@angular/platform-server": "18.2.8",
-    "@angular/router": "18.2.8",
-    "@angular/service-worker": "18.2.8",
-    "@angular/ssr": "18.2.9",
+    "@angular/animations": "18.2.9",
+    "@angular/cdk": "18.2.10",
+    "@angular/common": "18.2.9",
+    "@angular/compiler": "18.2.9",
+    "@angular/core": "18.2.9",
+    "@angular/forms": "18.2.9",
+    "@angular/material": "18.2.10",
+    "@angular/platform-browser": "18.2.9",
+    "@angular/platform-browser-dynamic": "18.2.9",
+    "@angular/platform-server": "18.2.9",
+    "@angular/router": "18.2.9",
+    "@angular/service-worker": "18.2.9",
+    "@angular/ssr": "18.2.10",
     "@asymmetrik/ngx-leaflet": "18.0.1",
     "@capacitor-firebase/analytics": "6.2.0",
     "@capacitor-firebase/app": "6.2.0",
@@ -67,13 +67,13 @@
     "@capacitor/share": "6.0.2",
     "@capacitor/splash-screen": "6.0.2",
     "@ctrl/ngx-github-buttons": "9.0.0",
-    "@google/model-viewer": "3.5.0",
+    "@google/model-viewer": "4.0.0",
     "@ionic/angular": "8.3.3",
     "@mediapipe/drawing_utils": "0.3.1675466124",
     "@mediapipe/holistic": "0.5.1675471629",
     "@mediapipe/tasks-text": "0.10.16",
     "@ngneat/transloco": "6.0.4",
-    "@ngxs/store": "18.1.3",
+    "@ngxs/store": "18.1.4",
     "@sign-mt/browsermt": "0.2.3",
     "@sign-mt/i18n": "git://github.com/sign/i18n.git",
     "@sutton-signwriting/font-ttf": "1.5.2",
@@ -108,19 +108,19 @@
     "zone.js": "0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "0.1802.9",
-    "@angular-devkit/build-angular": "18.2.9",
+    "@angular-devkit/architect": "0.1802.10",
+    "@angular-devkit/build-angular": "18.2.10",
     "@angular-eslint/builder": "18.4.0",
     "@angular-eslint/eslint-plugin": "18.4.0",
     "@angular-eslint/eslint-plugin-template": "18.4.0",
     "@angular-eslint/schematics": "18.4.0",
     "@angular-eslint/template-parser": "18.4.0",
-    "@angular/cli": "18.2.9",
-    "@angular/compiler-cli": "18.2.8",
+    "@angular/cli": "18.2.10",
+    "@angular/compiler-cli": "18.2.9",
     "@capacitor/assets": "3.0.5",
     "@capacitor/cli": "6.1.2",
     "@ionic/angular-server": "8.3.3",
-    "@playwright/test": "1.48.1",
+    "@playwright/test": "1.48.2",
     "@sign-mt/configuration": "git://github.com/sign/.github.git",
     "@trapezedev/project": "7.0.10",
     "@types/dom-mediacapture-transform": "0.1.10",
@@ -141,7 +141,7 @@
     "eslint": "8.57.0",
     "fuzzy": "0.1.3",
     "husky": "9.1.6",
-    "inquirer": "12.0.0",
+    "inquirer": "12.0.1",
     "inquirer-autocomplete-prompt": "3.0.1",
     "jasmine-axe": "1.1.0",
     "jasmine-core": "5.4.0",
@@ -158,11 +158,11 @@
     "marked": "14.1.3",
     "npm-license-crawler": "0.2.1",
     "open": "10.1.0",
-    "pwa-asset-generator": "6.3.2",
+    "pwa-asset-generator": "6.4.0",
     "sitemap": "8.0.0",
     "tiny-async-pool": "2.1.0",
     "ts-node": "10.9.2",
-    "tsx": "4.19.1",
+    "tsx": "4.19.2",
     "typescript": "5.4.3",
     "webpack-bundle-analyzer": "4.10.2",
     "zod": "3.23.8"

src/app/pages/landing/about/about-hero/about-hero.component.scss

@@ -47,4 +47,5 @@ p {
 img {
   width: 100%;
   border-radius: 16px;
+  border: 1px solid var(--ion-color-light);
 }