diff --git a/public/images/card-default-border.png b/public/images/card-default-border.png
new file mode 100644
index 00000000..be5e4e60
Binary files /dev/null and b/public/images/card-default-border.png differ
diff --git a/public/images/card-default-border.webp b/public/images/card-default-border.webp
deleted file mode 100644
index 2e705ca9..00000000
Binary files a/public/images/card-default-border.webp and /dev/null differ
diff --git a/public/images/card-gradient-black.png b/public/images/card-gradient-black.png
new file mode 100644
index 00000000..7676a5c7
Binary files /dev/null and b/public/images/card-gradient-black.png differ
diff --git a/public/images/card-gradient-black.webp b/public/images/card-gradient-black.webp
deleted file mode 100644
index b6442b33..00000000
Binary files a/public/images/card-gradient-black.webp and /dev/null differ
diff --git a/src/components/landing/MatchTeam/MatchCards.module.scss b/src/components/landing/MatchTeam/MatchCards.module.scss
index c873ca64..8f81003b 100644
--- a/src/components/landing/MatchTeam/MatchCards.module.scss
+++ b/src/components/landing/MatchTeam/MatchCards.module.scss
@@ -8,6 +8,16 @@
   }
 }
 
+@keyframes shrink-card {
+  from {
+    width: 48.6rem;
+  }
+
+  to {
+    width: 21.5rem;
+  }
+}
+
 .match-cards {
   @include flexbox($gap: 2.4rem);
 
@@ -26,6 +36,10 @@
   max-width: 120rem;
 
   .card {
+    @include responsive(PC) {
+      animation: shrink-card 0.3s linear forwards;
+    }
+
     position: relative;
 
     display: block;
@@ -113,7 +127,7 @@
         width: 100%;
         height: 100%;
 
-        background: url('/images/card-gradient-black.webp') no-repeat center/cover;
+        background: url('/images/card-gradient-black.png') no-repeat center/cover;
       }
     }
 
@@ -131,7 +145,7 @@
         width: 100%;
         height: 100%;
 
-        background: url('/images/card-default-border.webp') no-repeat center/cover;
+        background: url('/images/card-default-border.png') no-repeat center/cover;
       }
     }
 
diff --git a/src/utils/getDate.ts b/src/utils/getDate.ts
index f46f46cb..04df54ec 100644
--- a/src/utils/getDate.ts
+++ b/src/utils/getDate.ts
@@ -21,7 +21,10 @@ export const isExpirationDate = (date: string | Date, endTime: string) => {
  * @returns 'YYYY-MM-DD'
  */
 export const getFormatDate = (date: string | Date) => {
-  return dayjs(date).format('YYYY-MM-DD');
+  extend(utcPlugin);
+  extend(timezone);
+
+  return dayjs(date).utc().tz('America/New_York').format('YYYY-MM-DD');
 };
 
 export const getDayPickerFormatDate = (originalDate: Date) => {