Added contents

src/app/post-card/post-card.component.html

@@ -1,8 +1,7 @@
-<!-- This is an example component -->
 <div class="">
   <div class="bg-white shadow-md border border-gray-200 rounded-lg max-w-sm mb-5">
     <a href="/blog/{{post?.slug}}">
-      <img class="rounded-t-lg" src="{{post?.image}}" alt="">
+      <img class="rounded-t-lg" ngSrc="{{post?.image}}" alt="" width="300" height="200">
     </a>
     <div class="p-5">
       <a href="#">

src/app/post-card/post-card.component.ts

@@ -1,12 +1,13 @@
 import {Component, Input} from '@angular/core';
 import {Post} from "../models/post";
-import {JsonPipe} from "@angular/common";
+import {JsonPipe, NgOptimizedImage} from "@angular/common";
 
 @Component({
   selector: 'iov-post-card',
   standalone: true,
   imports: [
-    JsonPipe
+    JsonPipe,
+    NgOptimizedImage
   ],
   templateUrl: './post-card.component.html',
   styleUrl: './post-card.component.scss'