Remove padding and center image in markdown block

I am trying to include an embedded affiliate image to my client's website as her work was featured on a blog. Using Brine template. I have tried implementing the code via Markdown and a Code block. I am having an issue reducing the padding around the image itself as seen in the screenshot below. I can't seem to get it centered in the markdown block.

I am wanting the embedded image and the image block next to it to be the same size and sit nicely next to each other. Best way to do this? I am still learning code and have nearly pulled my hair out trying this!! Also want this adjusted for mobile view.

Website: http://www.elizabethmckenzieflorals.com
Password: flowers
Specific Page: Services Index, "Features" page

Any help is appreciated!!!!!!

@bpurnell Can't access your site. It only show "COMING SOON"Can you share services index, features page url?

@tuanphan so sorry! I've removed the cover page and included links below:

Services Index: http://www.elizabethmckenzieflorals.com/services
Features Specific Page: http://www.elizabethmckenzieflorals.com/features

I also have the same images currently in the boxed in footer I created to see if I prefer that look more (see below), but am also running into padding issues between the two image blocks. If you have any advice on that, that would be great! I might go in that direction instead. BUT would like to know how to fix this markdown padding issue moving forward as my original question. Appreciate your help!!!

Try

.Footer .intrinsic .image-block-wrapper {
   overflow: visible !important;
}
div#yui_3_17_2_1_1562248674733_111 img {left: 100% !important;}
div#block-yui_3_17_2_1_1562238117642_31041 {
   margin-left: 10%;
}