[Blog] [Ajay]: Fix thumbnail images

Author: Ajay kumar

TestArena/Blog/BlogHome.razor

@@ -3,14 +3,14 @@
 <h2 class="mb-4">Latest Blogs</h2>
 <div class="row row-cols-1 row-cols-md-3 g-4">
     <div class="col">
-        <Thumbnail ImageUrl="images/contract_test_intro.webp"
+        <Thumbnail ImageUrl="images/blog/pact/intro/header_landscape.png"
             Title="Contract testing using PACT in dotnet core: Introduction" Author="Ajay kumar"
             Date="@DateTime.Today.Date.ToLongDateString()" Category="Pact contract testing"
             BlogUrl="/blog/contract-testing-pact-net-intro" />
     </div>
     <div class="col">
-        <Thumbnail ImageUrl="images/contract_test_intro.webp"
-            Title="Contract testing using PACT in dotnet core: Introduction" Author="Ajay kumar"
+        <Thumbnail ImageUrl="images/blog/pact/events-demo/contract-testing-events.webp"
+            Title="Intro to PACT for .NET Core: Events Based Systems" Author="Ajay kumar"
             Date="@DateTime.Today.Date.ToLongDateString()" Category="Pact contract testing"
             BlogUrl="/blog/contract-testing-in-pact-with-events" />
     </div>

TestArena/Blog/Common/Thumbnail.razor

@@ -6,10 +6,15 @@
     [Parameter] public string Category { get; set; } = string.Empty;
     [Parameter] public string BlogUrl { get; set; } = "#";
 }
+<style>
+    .custom-size {
+        max-width: 400px;
+    }
+</style>
 
-<div class="card shadow-sm">
+<div class="card shadow-sm custom-size">
     <a href="@BlogUrl">
-        <img src="@ImageUrl" class="card-img-top" alt="@Title">
+        <img src="@ImageUrl" class=" img img-fluid img-thumbnail" alt="@Title">
     </a>
     <div class="card-body">
         <span class="badge bg-primary">@Category</span>