HTML-based Feature Headers are broken

Summary

The feature headers implemented by the design team on pages like CMS and Features (+ subpages) have wrong styling or collide and overwrite the implemented definitions of the CSS.

These elements should be replaced with the actual content element (Feature Header) to prevent breaking of the layouts and in general sketchy looks for some of the entry/introductory pages of the CMS.

Steps to reproduce

Just visit one of these pages:

• https://typo3.org/cms/ (most apparent)
• https://typo3.org/cms/features/ (Breadcrumb overlaid)
  • This also happens on basically all of the feature subpages

What is the current bug behavior?

Wrong design / implementation. The current design on the website is having obscenely large negative margins and uses background images, the implemented content element uses responsive images in a picture-tag, without those margins.

What is the expected correct behavior?

What you should see is almost identical, just minus the negative margin that can slide into other elements/the navigation, the implementation as content element follows the CSS the design team wrote for the implementation currently present on the website.

Acceptence Criterias

• As a Visitor of the page, I want to see the site in a fully working state, as broken design might not reflect quality of a CMS I would want to use.

Relevant logs and/or screenshots

Possible fixes

Port HTML-based CE's for Feature Headers to the actual Features Header CE