Align Input with Image

I would like to have the image line up with the input vertically and the left edge of the image touch the right side of the input.
Would like it to appear as one element.
When I try and apply a margin or padding setting on the image it affects the parent container.
 

I would place both elements in the same div, and use flex to control the side-by-side layout.

I'd try and lock down the sizes of the elements as well. Note that "size/maxlength" in an input element refers to character capacity. I'd put width constraints on the sub-divs and ideally, dimensions on the image tag. For portability, I'd make them in "em" or "dpi" units.

Also, class "c-block-inline" sounds like a browser or framework-specific class name, so it may not have any effect on some clients.