Images appear as circle icons in teaser view regardless of image style settings

What is a circle icon?

I have investigated the issue and confirmed that in teaser view, the uploaded images are displaying as circular icons, regardless of the image style settings. This is due to the following CSS rule in the Olivero theme's teaser.css file:

.teaser__image img {
  width: var(--sp3-5);
  height: var(--sp3-5);
  object-fit: cover;
  border-radius: 50%;
}

This rule forces the images into a circular shape by setting both the width and height to var(--sp3-5) and applying a border-radius of 50%. These styles override the configured image styles for teaser view.

I looked into the history of that theme's development and concluded that the rounded image is an intentional design choice.

Ha! That is a very distinct look that is not appropriate for anything much beyond user profiles in my opinion. I strongly suggest reconsidering the decision.

Thank you for researching the issue.

It appears at present I have two options:

1. Create a new display mode for the content type, bypassing the teaser, or
2. Commenting out that part of the css.

Any guidance on what the best practice might be?

Thanks again.
-Chris

Creating a new display mode seems the easiest workaround.

Cheers,
-Chris