diff --git a/src/components/Card.astro b/src/components/Card.astro
index 8c67597..ea7ce46 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -1,6 +1,5 @@
 ---
 import pb from "../lib/pb";
-
 const { href, title, body, image } = Astro.props;
 let imageURL;
 
@@ -10,11 +9,12 @@ if (image) {
 ---
 
 <div class="relative max-w-xl mx-auto mt-20 h-32 w-55">
-  <a href={href} class="block">
+  <a href={href} class="block backdrop-blur-md rounded-md h-32 w-64">
     {
       image && (
         <img
-          class="h-32 w-64 object-cover rounded-md"
+          class="h-32 w-64 object-cover  rounded-md"
+          // @ts-ignore
           src={imageURL}
           alt={`Cover for ${title}`}
         />
diff --git a/src/components/Image.astro b/src/components/Image.astro
index 9b78717..5626925 100644
--- a/src/components/Image.astro
+++ b/src/components/Image.astro
@@ -31,9 +31,9 @@ const showNsfw = Astro.url.searchParams.has('nsfw') || false;
         <div
           data-lightbox="true"
           id="parent"
-          class=`relative overflow-hidden rounded mb-4 border border-transparent hover:border-gray-300 transition-all duration-300 ease-in-out hover:shadow-lg w-52`
+          class='rounded-lg relative overflow-hidden mb-4 border border-transparent hover:border-gray-300 transition-all duration-300 ease-in-out hover:shadow-lg w-52' 
         >
-          <img src={src} alt={`${alt !== '' ? `${alt}<br>` : ""} ${artist ? `by ${artist}` : ""}`} loading="lazy" /> 
+          <img class="rounded-lg" src={src} alt={`${alt !== '' ? `${alt}<br>` : ""} ${artist ? `by ${artist}` : ""}`} loading="lazy" /> 
           {
             alt && (
               <div