Need Centering Image in The Mobile Sidebar

Hey Guys,

I need to custom an image in right sidebar. This image look perfectly in desktop, but when I switch to mobile, it's not centering. Here the screenshot (https://imgur.com/lCQ9qjX).

I already try this method (https://docs.generatepress.com/article/centering-logo-mobile-header/), but it's not working at sidebar.

#media_image-3 {
 left: calc( 50% - 90px); /* 50% from the left - half your image width */
 background: transparent !important;
 padding: 0;
}

I want the image at right sidebar centering when I browsing at mobile phone, just like this (https://imgur.com/n0I4myr).

Thank you. :)