Add heading to background image on store page

pw: 1mageproblem

Hi,

I have added a background image on the store page after the page description.  I need to add an H2 heading (where it says LONDON DELIVERY AREA) just above the image but am stumped.  Can anyone help please?

Can you share the page URL?

Apologies. Thought I had:

https://walrus-springtail-ljhd.squarespace.com/bouquets-online?p?p?p?p

Can you share the code you're currently using? 

Am I understanding correctly that you want to add another line of text above the image, with H2 tags?

Thanks for looking.  Yes h2 heading 'LONDON DELIVERY AREA'

div.page-description:after {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/5a045bf8a9db09cbf239e375/1668605799566-YJNNVYE1J0T804QWFSV1/Delivery+area+map+2021+1024x1024+1024x1024.jpg);
    background-size: cover;
    width: 50%;
    height: 40vw;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 30px;
}

Hi again,

I don't know whether there's a better solution than the above. .. what I'd ideally like to achieve is to have a link or button that when clicked shows the image above in a popup... without going to another page (as happens in the Lightbox Plugin...)  Is there a way to use a popup form in some way? Any ideas welcome!

thanks

... given up on the lightbox option.  (can't find out how to add a close option to a linked image). Re adding the H2 heading, even an h2 styled heading would do.. ie, even if it didn't have the h2 tag.