fix: aspect ratio

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",

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": {

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);
     }
   }