Mac Mail HTML Stationery - Image Drop

Question

Hello,
I'm hoping someone who has a bit of experience developing Mac Mail Stationery templates might be able to help me. I have created my own template based off of a copy of an existing template and am running into some issues, particularly with 'Drag and Drop' images. I have a placeholder within the template that can be changed as appropriate within Mac Mail (by just dragging the image in.) My problem is that I cannot figure out how (or what) controls the scaling of this object. The images that I have tested (that range in size) seem to crop off and do not rescale to the size of the mask. Is there a way to control how these images drag in or make them scale to the best fit of a bounding box? I can't figure out how or what the images scale to and am not very familiar with the variables involved here. Is this something that is impossible to do? ANY advice or thoughts would be greatly appreciated. Please let me know if I can provide any additional information.
Thank you!

Answer 1

My HTML / CSS skills are pretty limiting but if there are any resources out there that someone can recommend that address this, please let me know. I copied one of Apple's html templates and then resized & redesigned as needed. The html code is listed below. I also listed the file called 'description.plist' which seems to control the dimensions of my drop space view (but not the size). Please let me know if you were looking for something different.
html :
   Hello,
Disclaimer
description.plist :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>Background Images</key>
    <array>
        <string>bg_pattern.jpg</string>
        <string>letter_bg.jpg</string>
        <string>lbg.jpg</string>
        <string>rbg.jpg</string>
    </array>
    <key>Composite Images</key>
    <array>
        <dict>
            <key>Base Image</key>
            <string>banner.jpg</string>
            <key>Composite Name</key>
            <string>Photos</string>
            <key>Masks</key>
            <array>
                <dict>
                    <key>Drop Zone Angle</key>
                    <integer>0</integer>
                    <key>Drop Zone Offset</key>
                    <array>
                        <integer>50</integer>
                        <integer>15</integer>
                    </array>
                    <key>Drop Zone Size</key>
                    <array>
                        <integer>550</integer>
                        <integer>735</integer>
                    </array>
                    <key>File Name</key>
                    <string>Mask1.png</string>
                    <key>Placeholder Image</key>
                    <string>placeholder.jpg</string>
                </dict>
            </array>
            <key>Overlay Image</key>
            <string>Shadow.png</string>
        </dict>
    </array>
    <key>Folder Name</key>
    <string>Formal Invite.mailstationery</string>
    <key>HTML File</key>
    <string>content.html</string>
    <key>Images</key>
    <array>
        <string>logo.jpg</string>
        <string>tbg.jpg</string>
    </array>
    <key>Stationery ID</key>
    <string>3BE26193-DC96-4092-9A49-C67CB374AE63</string>
    <key>Thumbnail Image</key>
    <string>thumbnail.png</string>
</dict>
</plist>