pic without next/Image

themes/matery/components/BlogPostCard.js

@@ -3,7 +3,7 @@ import Link from 'next/link'
 import React from 'react'
 import TagItemMini from './TagItemMini'
 import CONFIG_MATERY from '../config_matery'
-import Image from 'next/image'
+// import Image from 'next/image'
 
 const BlogPostCard = ({ post, showSummary, siteInfo }) => {
   const showPreview = CONFIG_MATERY.POST_LIST_PREVIEW && post.blockMap
@@ -28,12 +28,12 @@ const BlogPostCard = ({ post, showSummary, siteInfo }) => {
                   <Link href={`${BLOG.SUB_PATH}/${post.slug}`} passHref legacyBehavior>
                       <div className="flex flex-grow w-full relative duration-200 bg-black rounded-t-md  cursor-pointer transform overflow-hidden">
                           {/* eslint-disable-next-line @next/next/no-img-element */}
-                          {/* <img
+                          <img
                               src={post?.page_cover}
                               alt={post.title}
                               className="opacity-50 h-full w-full hover:scale-125 rounded-t-md  transform object-cover duration-500"
-                          /> */}
-                          <div className='relative w-full'>
+                          />
+                          {/* <div className='relative w-full'>
                             <Image
                             className='hover:scale-125 opacity-50 transition cursor-pointer duration-500'
                             src={post?.page_cover}
@@ -43,7 +43,7 @@ const BlogPostCard = ({ post, showSummary, siteInfo }) => {
                             blurDataURL='/bg_image.jpg'
                             style={{ objectFit: 'cover' }}
                             fill/>
-                          </div>
+                          </div> */}
                           <span className='absolute bottom-0 left-0 text-white p-6 text-2xl replace' > {post.title}</span>
                       </div>
                   </Link>