Blog: scale images on blog listing page

src/pages/blog/index.astro

@@ -32,46 +32,11 @@ const posts = (await getCollection('blog')).sort(
             ul li {
                 width: calc(50% - 1rem);
             }
-            /*
+            img {
-            ul li * {
+                height: 232px;
-                text-decoration: none;
+                width: 464px;
-                transition: 0.2s ease;
+                object-fit: contain;
             }
-            ul li:first-child {
-                width: 100%;
-                margin-bottom: 1rem;
-                text-align: center;
-            }
-            ul li:first-child img {
-                width: 100%;
-            }
-            ul li:first-child .title {
-                font-size: 2.369rem;
-            }
-            ul li img {
-                margin-bottom: 0.5rem;
-                border-radius: 12px;
-            }
-            ul li a {
-                display: block;
-            }
-            .title {
-                margin: 0;
-                color: rgb(var(--black));
-                line-height: 1;
-            }
-            .date {
-                margin: 0;
-                color: rgb(var(--gray));
-            }
-            ul li a:hover h4,
-            ul li a:hover .date {
-                color: rgb(var(--accent));
-            }
-            ul a:hover img {
-                box-shadow: var(--box-shadow);
-            }
-            */
             @media (max-width: 720px) {
                 ul {
                     gap: 0.5em;