How can I align my checkout banner background to the right in Brooklyn Theme?

[AmandaAdama]

I'm trying to make my background align right on the checkout page using the Brooklyn Theme.

I'm using this code:

/* checkout Banner Edit */
.banner {
    background-position: right!important;
    background-repeat: no-repeat, no-repeat;
}
/* end */

 But it doesn't seem to be working.

[dmwwebartisan]

@AmandaAdama 

Please share store URL & screenshot what do you want!

Thanks!

[AmandaAdama]

Thanks @dmwwebartisan,  I"m not sure if you can see the URL, cause the site isn't published ... but here is one: 

https://sfl1fodo4w00kl4z-60423078122.shopifypreview.com

Screenshot below shows only a portion of Santa.  I want all the Santa.

[Teddymuffs]

I have the same question! I want my banner design to fit perfectly in the provided box. I'm trying to show my shipping options right on the checkout page since I offer different shipping options. But I don't want the image to be cut off like it keeps doing. Is there an exact size my image should be or can I fix this somewhere in the code?

Provided a screenshot of what I mean. 

[AmandaAdama]

it depends on so many factors. No one could give me guidance with this, so I edited the graghic, so it's show at the best possible (not not ideal) way.

Sorry I can't help anymore than this.
I just kept moving around my graphic and testing on cell/pc resolutions, until I found a spot that it worked.

If you look at the css for it, it's set to cover position center center ... so work within those constraints, I guess.  Also ... the size of your logo makes a difference to the banner padding.

[Teddymuffs]

Oh ok, yea I searched everywhere for help. Ill look into the CSS code. I don't want to resize the image to fit because all screens are different size. So its harder to really tell if your image is perfect for everyone ya know. But thank you for the tip, Ill see what I can do

[AmandaAdama]

Yeah, the CSS that I added didn't help at all.  Even with !important.