Issues seen with this component were the result of some code changes in Drupal core that affected the component on the Folwell dev site. We are making fixes and will ask for community feedback again once the component is displaying correctly.

Status: Work is underway to finalize our priority components including microsite and unit footers. We will return to this component and other batch 5 and 6 components later this spring.

Overall it looks great and will fit in well with existing callouts. The overlay opacity is a nice balance between letting the image show through and ensuring enough contrast for legibility.

The maroon field has a similar link hover color issue. The link turns maroon and blends in. (see screenshot). On the white and gold fields, hover styles are missing.

Active styles are subtle, but noticeable on white and gold fields. On maroon, it is difficult to see.

Focus styles for links on maroon, gold, and white fields are missing.

The link hover style on the transparent grey field loses contrast and readability. (see screenshot)

The active style is very subtle. (see second screenshot)

Focus styles look non-existent.

The transparent image overlay callout component design is currently open for community feedback. Please take a look at the example page (https://folwell.dev.umn.edu/transparent-image-overlay-callout) and provide your comments and vote on the designed component.