Custom hero image for newly created Collection Page

Developer help Routing
1

V4.9.4 Ghost Version
Theme is Liebling
I need help in setting up a custom Hero image for a page I created by Routing.

collections:
  /article/:
    permalink: /article/{author}/{slug}/
    template: article
    filter: tag:article+tag:-blog
  /team/:
    permalink: /team/{author}/{slug}/
    filter: tag:team
  /:
    permalink: /{slug}/
    template: index

This is my Routing Collection and my page here, which opens up as mysite.com/article shows the same Hero image as my home page. I wish to have a separate hero image for my collection page.

Problem
Problem1898×1080 213 KB

Just to Clear the problem again, it is not a normal page that we create under ghost "
New page", this is a collections page I created by Routes.YAML
I wish to have a custom Hero for this page but not the same as the index page.