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,