Creating an unordered list within an image block card

Site URL: https://www.chacha-olivia.com/stylist-in-my-pocket

Hi there, 

I am looking to create an unordered list for some copy within an image block card. Is this possible to do with code? I pretty much need an unordered list for all of the image block cards I have an the url I supplied. Any help would be so much appreciated. Thanks I advance! :)

Bold list text then use this CSS

/* Unordered list image card */
.design-layout-card .image-subtitle p:nth-child(n+2) strong:before {
    content: "•";
    padding-right: 5px;
}
.design-layout-card .image-subtitle p:nth-child(n+2) strong {
    font-weight: normal !important;
    display: flex;
}
.design-layout-card .image-subtitle p:nth-child(n+2) br {
    display: none;
}

Hello!
I want to do an ordered list. What code can I use for this?

7 minutes ago, AlanDolan said:

Hello!
I want to do an ordered list. What code can I use for this?

Bold list items, then use above code

@tuanphanHello, I am also trying to make an unordered list within an image collage block. Website is https://carrot-bronze-bld8.squarespace.com/buying-guidelines. Screenshot is the specific list I'm struggling with. I've added a bullet symbol in but I'd rather it behave like an unordered list so the 2nd lines will indent and align with the top line text