Dawn Theme Background Collection Image

[YIW]

Any one know how to have this image change on each collection page? I used the below code in the base.css.

.section-template--18428917973292__product-grid-padding {
background: url(https://cdn.shopify.com/s/files/1/0739/9771/3708/files/4.png?v=1679512904)!important;
background-repeat: no-repeat !important;
background-color: transparent !important;
background-position: center!important;
background-size: cover !important;
}

[JumpingFox]

A collection banner you do this in the ' product' - collection location on the dashboard

[YIW]

I want the image behind the product: Like below.

[Bhakti_Makadia]

To show the background image in the product list section, You need to first add a common class to the section. 

For example "product-listing"  in  "main-collection-product-grid" section.
After that, you can add CSS which applies to all collections like below 

.product-listing  {
background: url(https://cdn.shopify.com/s/files/1/0739/9771/3708/files/4.png?v=1679512904)!important;
background-repeat: no-repeat !important;
background-color: transparent !important;
background-position: center!important;
background-size: cover !important;
}