From 742d7c111f8110e24ae8c8b6f027217b6cc14990 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Thu, 27 Jun 2024 12:50:44 -0700
Subject: [PATCH] fix: aspect ratio

---
 package-lock.json                    |  8 +++++---
 package.json                         |  2 +-
 src/assets/styles/pages/watching.css | 10 +++++++---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6cbb8351..8b9f0184 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.6.11",
+  "version": "19.6.12",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.6.11",
+      "version": "19.6.12",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
@@ -72,6 +72,7 @@
       "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.0.0-alpha.14.tgz",
       "integrity": "sha512-SQGvi/0cSrgyjhTocO8nGpivQbZBXnFlVLp1M3H8xcdvpXYgCVHiEYvrY79TnDd9Nxvj5QtsQuCiselJb3X16g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@11ty/dependency-tree": "^3.0.0",
         "@11ty/dependency-tree-esm": "^1.0.0",
@@ -849,7 +850,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.0.0.tgz",
       "integrity": "sha512-xVgPpulCooDjY6zH4m9YW3jbkaBe3FKIAvF5sj5t7aBNsVl2ljIE+xwJ4iNgiDZHFQvNIpjdKdVOQvvk5ZfxbQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/chokidar": {
       "version": "3.6.0",
diff --git a/package.json b/package.json
index 63feb714..93839295 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.6.11",
+  "version": "19.6.12",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/pages/watching.css b/src/assets/styles/pages/watching.css
index a8f3bd8f..d3e67c1f 100644
--- a/src/assets/styles/pages/watching.css
+++ b/src/assets/styles/pages/watching.css
@@ -18,7 +18,11 @@
     overflow: hidden;
     aspect-ratio: var(--aspect-ratio-banner);
 
-    div.meta-text {
+    & img {
+      aspect-ratio: var(--aspect-ratio-banner);
+    }
+
+    & div.meta-text {
       color: white;
       position: absolute;
       left: var(--sizing-sm);
@@ -48,11 +52,11 @@
       position: absolute;
       z-index: 1;
       content: '';
-      bottom: 0;
+      bottom: 1px;
       left: 1px;
       box-shadow: inset 0 -70px 75px -40px #000;
       width: calc(100% - 2px);
-      height: 100%;
+      height: calc(100% - 1px);
     }
   }