Примерно так:
.product-grid .image .stiker-popular {
background: rgba(0, 0, 0, 0) url("../image/popular.png") no-repeat scroll 0 0;
bottom: -52px;
display: block;
height: 80px;
position: absolute;
right: -5px;
transition: all 0.3s ease-in 0s;
width: 80px;
z-index: 6;
}
.product-grid .image .stiker-bestseller {
background: rgba(0, 0, 0, 0) url("../image/bestseller.png") no-repeat scroll 0 0;
bottom: -52px;
display: block;
height: 80px;
position: absolute;
right: -5px;
transition: all 0.3s ease-in 0s;
width: 80px;
z-index: 6;
}
.product-grid .image .stiker-popular + .stiker-bestseller {
bottom: -22px;
}
Почему имена классов приведенных вами выше и те, что на сайте (ссылку которого вы тут указали) отличаются?