From 1eae4c62515ca2a3da40562d40ea8026e3c214cc Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Wed, 1 May 2024 18:57:47 -0700
Subject: [PATCH] fix: styles

---
 _redirects                                   |  2 --
 package.json                                 |  2 +-
 src/_includes/partials/now/media-grid.liquid |  4 ++--
 src/assets/styles/components/media-grid.css  | 10 +++-------
 4 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/_redirects b/_redirects
index 7e61be40..4f07144d 100644
--- a/_redirects
+++ b/_redirects
@@ -97,8 +97,6 @@ https://cdme.netlify.app https://coryd.dev 301!
 
 # media
 /media/* https://f001.backblazeb2.com/file/coryd-dev-images/:splat 200!
-/media-square/* /.netlify/images?url=https://f001.backblazeb2.com/file/coryd-dev-images/:splat&fit=cover&w=240&h=240&fm=webp&q=75 200!
-/media-vertical/* /.netlify/images?url=https://f001.backblazeb2.com/file/coryd-dev-images/:splat&fit=cover&w=200&h=307&fm=webp&q=75 200!
 
 # analytics
 /23af0256fe76a.js http://static.getclicky.com/js?in=/2842c5ddc46e5 200!
diff --git a/package.json b/package.json
index c3956a11..e69606e2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "13.4.4",
+  "version": "13.4.5",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index 395ed868..beb5a157 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -22,9 +22,9 @@
             {%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
           {%- endcapture -%}
           {% if shape == 'square' %}
-            <img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=320&h=320&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
+            <img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=60" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
           {% else %}
-            <img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
+            <img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=60" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
           {% endif %}
         </div>
       </a>
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index 3c8f5583..0c26d17c 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -26,7 +26,10 @@
   }
 
   & .item-wrapper {
+    width: 100%;
+    height: 100%;
     position: relative;
+    display: flex;
 
     &.shadow image::after {
       position: absolute;
@@ -38,13 +41,6 @@
       width: calc(100% - 2px);
       height: calc(100% - 1px);
     }
-
-    & image {
-      width: 100%;
-      height: 100%;
-      position: relative;
-      display: flex;
-    }
   }
 
   & a:hover img,