Add margin/padding to fit image within mask

Questions
1

I have something like this in a webdesign and wonder if it is possible to handle with ImageProcessor?

enter image description here
enter image description here1080×648 96.5 KB

something like this is my best try:

/media/1001/istock_38933268_large.jpg?width=500&height=300&mode=crop&mask=laptop-mask.png&format=png&overlay=laptop-overlay.png&overlay.size=500,300

enter image description here
enter image description here803×513 55.1 KB

Where image mask is this (screen of laptop):

enter image description here
enter image description here500×300 258 Bytes

and overlay is:

enter image description here
enter image description here500×300 22.2 KB

However if removing the mask it looks like this:

enter image description here
enter image description here751×448 80.2 KB

It would be great if I could add some padding or margin to make it fit within “screen”.

For now I have used another approach with two images on top of each other.

enter image description here
enter image description here1080×648 57.5 KB

and this on top, with ?filter=greyscale

enter image description here
enter image description here541×361 53.7 KB

Is is possible to render an image like this with mask and overlay - or is it not an option at the moment?

Thanks,
Bjarne

This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/80731-add-marginpadding-to-fit-image-within-mask