How to have a like a small cut in photo thumbnail in collections

[sweetchin23]

Hello, how can I achieve the image below? is possible to achieve? It has a cut in the upper right of the thumbnail.

Thank you!

[Dan-From-Ryviu]

It can be, please share your store link 

[sweetchin23]

https://halo-m.com/account/login
pw: yiflow
Thank you

[Dan-From-Ryviu · Accepted solution]

Please add this code at the bottom of your base.css file 

.grid__item .card-wrapper {
    overflow: hidden;
}
.grid__item .card-wrapper .card:before {
    position: absolute;
    right: -100px;
    top: -100px;
    width: 200px;
    height: 200px;
    background-color: #fff;
    content: '';
    z-index: 2;
    transform: rotate(45deg);
}

[sweetchin23]

Thank you very much! 🙂 It works well. 🙂