The next block in 'collection banner' it should be used on a collection template, it does the following:
It has three display modes depending on what's available. If "Use Global Image" is checked in settings it uses a manually chosen image. If the collection has a collection_image metafield set it uses that. If neither exists it just shows a plain text header with no image.
The banner image is responsive with multiple srcset sizes for different screen widths.
On desktop the collection title, description and related collection links sit overlaid on top of the image, centered. On mobile they drop below the image instead.
It also supports optional CTA buttons which can be placed either over the image or below the text, with controllable alignment and two styles (light/dark).
The collection_rich_txt metafield renders a description below the title, and collection_related_collections renders linked pills to related collections (e.g. sub-categories).
There's also a JS snippet that counts the visible .prodflex product cards on the page and displays the count next to the collection title, and updates a filter button too.