adding a "sold" circle to the top right corner of product listing

Hi there! I'm interested in changing the way my template shows the "sold" for the product listing. 

Currently my template has it so the SOLD is under the title. 

I would like it shown in the upper right hand corner over the product image. 

Images attached for reference. 

Thank you, 

April

Can you share link to page in screenshot?

21 hours ago, tuanphan said:

Can you share link to page in screenshot?

sure - https://www.aprilwhitcoart.com/store-2-1

thanks!

Any luck on this? I am also trying to find out how to do this

.product-mark.sold-out {
    position: absolute;
    top: 50px;
    right: 50px;
    border: 2px solid white;
    width: 60px;
    height: 60px;
    text-align: center;
    background: black;
    color: white;
    border-radius: 50%;
    line-height: 60px;
}