diff --git a/package.json b/package.json
index ca0077ae..11e6eaea 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "movie-web",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "private": true,
   "homepage": "https://movie-web.app",
   "dependencies": {
diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index 707c4fe4..9e127e35 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -51,7 +51,7 @@ function MediaCardContent({
       >
         <div
           className={[
-            "relative mb-4 aspect-[2/3] w-full overflow-hidden rounded-xl bg-denim-500 bg-cover bg-center transition-[border-radius] duration-100",
+            "relative mb-4 w-full overflow-hidden rounded-xl bg-denim-500 bg-cover bg-center pb-[150%] transition-[border-radius] duration-100",
             closable ? "" : "group-hover:rounded-lg",
           ].join(" ")}
           style={{