Improve the image view on mobile device (#1481)

* Improve the image size on mobile device for better view

* Fix the inconsistent container style on mobile devices

* Revert "Fix the inconsistent container style on mobile devices"

This reverts commit d87140b.

Author: jagpreetrahi

pages/blog/posts/[slug].page.tsx

@@ -112,7 +112,7 @@ export default function StaticMarkdownPage({
           </div>
           <div className='flex-1 lg:w-3/4 w-full'>
             <div
-              className='bg-slate-50 h-[500px] w-full rounded-lg bg-cover mb-10 bg-center'
+              className='bg-slate-50  w-full rounded-lg bg-cover mb-10 bg-center min-h-[200px] sm:min-h-[300px] md:min-h-[400px] lg:min-h-[500px]'
               style={{ backgroundImage: `url(${frontmatter.cover})` }}
             />
             <StyledMarkdown markdown={content} />