Feature image is oversized

Themes
1

I have a post where the feature image is oversized. Why is this happening? Is there a way to fix it?

Screenshot from 2023-02-12 01-42-41
Screenshot from 2023-02-12 01-42-411311×933 111 KB

Screenshot from 2023-02-12 01-46-48
Screenshot from 2023-02-12 01-46-481297×1000 108 KB

2

It looks like you’re using Casper, which will fill the available space with the image (via the CSS property object-fit: cover). This is done to preserve the design of the grid/spacing.

There are a couple of different approaches.

  1. Use images that can be cropped gracefully. Abstract images and patterns work well.
  2. Put your focus in the center of the image with more white space around it. (Similar to #1)
  3. Update the CSS to .post-card-image {object-fit: contain;}. This will make the image fit, but may have other side effects.
3

For your third point, how would I do that? Could I do it on a page-by-page basis?

4

What do you mean by page-by-page?