Getting an overlay to look the same on desktop/mobile

Site URL: http://www.gatheratdawn.com/home2

Hello - can anyone help me adjust my CSS so that this overlapping sticker/badge looks the same on desktop browsers and mobile browsers? I attached two photos of what it looks like on my iphone safari browser vs on firefox and chrome. You can also see it using the link.

I am using the following css:

#block-yui_3_17_2_1_1630611287857_10159 {margin-bottom:-17px; margin-top:0px; margin-left: 0px; z-index:99;}

Thank you so much! - Angie

Hi,

Add to Design > Custom CSS

/* Badge on mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1630611287857_10159 {
    width: 30%;
    position: absolute;
    right: 20px;
}
}