feat: add shadow and border to post-card images

Author: anoop-b

src/components/common/PostCardBlog.js

@@ -14,7 +14,7 @@ const PostCardBlog = ({ post, number }) => {
           <img
             src={post.feature_image || post.og_image || "/images/blog_placeholder_image.png"}
             className={
-              "aspect-video w-full rounded object-cover max-w-xl"
+              "aspect-video w-full rounded object-cover max-w-xl shadow-xl border"
             }
             alt=""
           />

src/templates/post.js

@@ -89,7 +89,7 @@ const Post = ({ data, location }) => {
             </div>
           </div>
           <article
-            className="mt-16 mx-auto prose md:prose-xl prose-img:rounded-xl prose-img:shadow-xl hover:prose-headings:underline underline-offset-4 hover:prose-a:text-iff-orange px-4 select-none"
+            className="mt-16 mx-auto prose md:prose-xl prose-img:rounded-xl prose-img:shadow-xl prose-img:border hover:prose-headings:underline underline-offset-4 hover:prose-a:text-iff-orange px-4 select-none"
             dangerouslySetInnerHTML={{ __html: post.html }}
           ></article>
         </div>