Adding banner image to my store page

Site URL: https://www.benjamindellarosa.com/shop

I'm currently using the Flatiron template and I would like to add an image block on to my store page. I'm not sure if it's a limitation to the template I'm using, or this is just something you can't do with a Squarespace store. But I was hoping I could get some help in figuring out how to add this feature to the page. Thanks in advance for your help.

15 hours ago, bdellarosa said:

Site URL: https://www.benjamindellarosa.com/shop

I'm currently using the Flatiron template and I would like to add an image block on to my store page. I'm not sure if it's a limitation to the template I'm using, or this is just something you can't do with a Squarespace store. But I was hoping I could get some help in figuring out how to add this feature to the page. Thanks in advance for your help.

Hi. Add banner in this position?

Yes correct, above the store category nav, but below the site nav. 

15 hours ago, bdellarosa said:

Yes correct, above the store category nav, but below the site nav. 

Add to Design > Custom CSS

body.collection-type-products.view-list section#container:before {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2021/06/04/15/10/sand-6310118__340.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    position: static !important;
    height: 100px;
}

Thanks! That's exactly what I'm looking for 🙂

If I wanted to set a fixed height, say 300px, but I still want the image to scale proportionately based on the screen size what would I need to changed? Essentially I'm trying to set up a image slot to have a promo image for new products or to announce a sale, not just to have a background texture. Thanks!