Template for image with overlay possible?

HI,
Right now I am using this template to show an image based on state of the entity_id. Since this is a zoned device_tracker, I have many the same images for the person, hand made, with an overlay named for the zone:

        entity_picture_template: >
          if (entity.state === 'home' || entity.state === 'not_home') return '/local/tiles/family/person_' + entity.state + '.png';
          return '/local/tiles/family/person_' + states['sensor.person_location_picture'].state + '.png';

add to this, that I have the above template for 6 people, all with handmade images for the same zones, and you can imagine the amount of images I need.

let alone the fact that these image tend to change, and I need to manually change all zoned images…
Also, since these are fixed images, they tend not to be as sharp as I want when zooming in, or enlarging the screen estate.

What I would like to know is if I couldn’t simply overlay the images automatically, based on zone. This would have the advantage Id only need 1 image file per person, have it grayscale for not_home, and have it overplayed with the overlay image.

Added to that, I could easily swap new images, and use sharper ones, which can then be automatically scaled down/up using the aspect ratio.

I havent seen image overlaying before in HA, so please would like to ask some assistance here…

Thanks for having a look!