Image Block Alignment

Hi there!

I'm trying to align the image block on this page with the summary block that is below it. I've been able to do make it work on desktop by using this CSS:

div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: -44px !important;
}

However, on mobile, it's way left and I'd just want to image centered on the page. I sense that I'm going about it wrong in the first place and I'd like to do it correctly. But perhaps how I fixed on desktop is sound but I can't seem to do it on mobile. For mobile, I tried:

@media only screen and (min-width:769px) and (max-width:991px) 
{div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: 44px !important;
  }}

Any help would be much appreciated! Thank you!

add to home > Design > Custom css

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: 0 !important;
}

}

Thank you!