CSS Not working - Top and bottom border of a section

[SamCDesigns]

I'm trying to add an image of a squiggle line to border the top and bottom of a featured collection section. My CSS isn't working at all. Can someone help me? 

Site Preview - https://zbwtr4b7h4g436q7-68147839218.shopifypreview.com

Squiggle line link (added to files) https://cdn.shopify.com/s/files/1/0681/4783/9218/files/squiggle_line.png?v=1708428523

CSS:

.section-id-template--17308590833906__16359278676808bea5 {
border-image: url (https://cdn.shopify.com/s/files/1/0681/4783/9218/files/squiggle_line.png?v=1708428523😉
}

Photo of what we're trying to make it look like:

[ThePrimeWeb]

This is as close as I can get to the image provided. I blocked it on mobile from a media query, if you want to remove it, you can. But it's very ugly on mobile.

@media only screen and (min-width: 768px) {
    #shopify-section-template--17308590833906__16359278676808bea5,
    #shopify-section-template--17308590833906__16359276425da8ce46 {
        border-image: url('https://cdn.shopify.com/s/files/1/0681/4783/9218/files/squiggle_line2.png') 50;
        border-image-width: 1.5vw;
        padding-bottom: 45px;
        border-image-repeat: stretch;
    }
    
    #shopify-section-template--17308590833906__16359278676808bea5 {
        padding-top: 20px;
    }
    
    .section-id-template--17308590833906__16359278676808bea5.collection-slider-row.use-color-scheme.use-color-scheme--1 * {
        color: black;
    }
    
    .section-id-template--17308590833906__16359278676808bea5.collection-slider-row.use-color-scheme.use-color-scheme--1 {
        background-color: white;
    }    
}

Result: