Merge pull request #484 from movie-web/fix-posters

Fix poster issue

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

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={{