Why aren't my badges where I expect them to be?

[KM9260]

Trying to position badges in 4 corners of product image.  I cant seem to get the bottom left and right positions all the way at the bottom of the image.   What am I missing?   Please do not ask for password to me site.  I am not allowing anyone access. 

CSS 

.card_badge.bottom_left {
position: absolute;
bottom: 0;
left: 0;
z-index: auto;
}

.card_badge.bottom_right {
position: absolute;
bottom: 0;
right: 0;
z-index: auto;
}

.card__badge.top_left {
position: absolute;
top: 0;
left: 0;
z-index: auto;
}

.card_badge.top_right {
position: absolute;
top: 0; /** 10px **/
right: 0;
z-index: auto;
}

result is:  

[Sayed_Safin]

Hi @KM9260 Is it already available in your collection page? I can give a try if there is any chance to preview this.
Thanks!