Center leftover Learn cards on a short last row and keep thumbnail copy in the top half so it does not cover the artwork.

Co-authored-by: Cursor <cursoragent@cursor.com>

tests/unit/ContentThumbnailTemplate.test.jsx

@@ -35,6 +35,8 @@ describe("ContentThumbnailTemplate", () => {
       const container = screen.getByRole("link");
       const thumbnailDiv = container.querySelector("div.relative");
       expect(thumbnailDiv).toHaveClass("aspect-[260/390]", "w-full");
+      const copy = thumbnailDiv?.querySelector(".z-20");
+      expect(copy).toHaveClass("max-h-[48%]", "overflow-hidden");
     });
 
     it("should display post title and description", () => {
@@ -61,6 +63,8 @@ describe("ContentThumbnailTemplate", () => {
       const container = screen.getByRole("link");
       const thumbnailDiv = container.querySelector("div.relative");
       expect(thumbnailDiv).toHaveClass("aspect-[320/225.5]", "w-full");
+      const copy = thumbnailDiv?.querySelector(".z-20");
+      expect(copy).toHaveClass("max-h-[48%]", "overflow-hidden");
     });
 
     it("should render fixed vertical dimensions when sizing is fixed", () => {