Move "Sale" text over Product Image

In Squarespace, to move Sale text over image

You can add this code to Custom CSS box

/* Sale text over image */
.product-mark.sale {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: black;
    color: white !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
}