.project-ribbon{
    --f: 10px; /* control the folded part*/
    --r: 15px; /* control the ribbon shape */
    --t: 10px; /* the top offset */

    position: absolute;
    inset: var(--t) calc(-1*var(--f)) auto auto;
    padding: 0 10px var(--f) calc(10px + var(--r));
    clip-path: 
      polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
        calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
        var(--r) calc(50% - var(--f)/2));
    background: #BD1550;
    box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
}

.sold-out::after{
    content: 'Sold Out';
    position: absolute;
    display: block;
    right: -80px;
    top: 40px;
    width: 280px;
    padding: 2px 10px;
    background-color: #BD1550;
    color: #fff;
    font-size: inherit;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(45deg);
}

.last-chance::after{
    content: 'Last Chance';
    position: absolute;
    display: block;
    right: -80px;
    top: 40px;
    width: 280px;
    padding: 2px 10px;
    background-color: #BD1550;
    color: #fff;
    font-size: inherit;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(45deg);
}

.comming-soon::after{
    content: 'Comming Soon';
    position: absolute;
    display: block;
    right: -80px;
    top: 40px;
    width: 280px;
    padding: 2px 10px;
    background-color: #BD1550;
    color: #fff;
    font-size: inherit;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    transform: rotate(45deg);
}