Publishing Page Layout Image Field Disspears when Published

I created a custom page layout based on the Welcome Page layout. I changed the content type to an Article Page, and then added the page image field and image caption field from an Article Page layout.

This works fine when I create a page with the custom page layout through the UI and I can add an image without issue. But on my default.aspx page, which is created through a web template that uses the custom page layout, the image disappears as soon as the page is published. When I go back to edit mode or even just check out the page, the image reappears.

Here is the difference in html for the publishing vs unpublished placeholder:

Published html:

<divid="ctl00_PlaceHolderMain_ImageField__ControlWrapper_RichImageField"class="ms-rtestate-field"style="display:inline"aria-labelledby="ctl00_PlaceHolderMain_ImageField_label"><divclass="ms-rtestate-field">&#160;</div></div>

<divid="ctl00_PlaceHolderMain_ImageField__ControlWrapper_RichImageField"class="ms-rtestate-field"style="display:inline"aria-labelledby="ctl00_PlaceHolderMain_ImageField_label"><divclass="ms-rtestate-field"><imgalt="" src="/sites/correct/image_url.jpg"style="border:0px solid"/></div></div>