Change "Sale" text to custom icon

To change “Sale” text on Squarespace Product Page to custom icon

image

You can use this code to Website Tools > Custom CSS

/* Sale text to custom icon */
.product-mark.sale {
    background-image: url(https://cdn.pixabay.com/photo/2023/09/10/11/44/tulip-8244705_1280.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:  center center;
    color: transparent !important;
    width: 30px;
    height: 30px;
}