Unordered List in Image Card

Site URL: https://carrot-bronze-bld8.squarespace.com/buying-guidelines

I'm trying to create an unordered list within an image card. I've tried the code below but it did not work. I'm using Brine 7.0. Page with the bulleted list is at https://carrot-bronze-bld8.squarespace.com/buying-guidelines.  Thanks!

/* 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;
}

For this image? Wellness Department

@tuanphan The image card I'd like to add the unordered list to has the title "Buying Guidelines" here: https://carrot-bronze-bld8.squarespace.com/buying-guidelines. Here's a screenshot as well. Thanks!

@tuanphan Thank you!