Image in card

[jimmieego]

It would be great to change the image in the card from object-fit: cover to object-fit: contain.

[nehalist]

The feature image doesn't even use object-fit: cover

gatsby-theme-nehalem/theme/src/components/card/style.tsx

Lines 32 to 56 in b2c339f

	export const FeaturedImage = styled(Img)<Pick<CardProps, 'halfImage'>>`
	background-position: center;
	background-size: cover;
	max-width: 100%;
	border-top-left-radius: 3px;
	${props => props.halfImage ? `
	width: 50%;
	float: left;
	margin-right: 30px;
	height: 320px;
	border-bottom-left-radius: 3px;
	@media (max-width: ${Theme.breakpoints.sm}) {
	width: 100%;
	float: none;
	height: 190px;
	}
	` : `
	height: 190px;
	max-height: 190px;
	width: 100%;
	border-top-right-radius: 3px;
	`};
	`;

Or am I missing something here?

[jimmieego]

Sorry. To clarify, if you inspect the image in the card in devtools, you will see something like this:

<img src="data:image..." 
  alt="" 
  style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 
object-fit: cover; object-position: center center; opacity: 0; transition-delay: 500ms;">